首页 » 软件优化 » 轻量级H5 app开发实践之总结(项目开发封装研习优化)

轻量级H5 app开发实践之总结(项目开发封装研习优化)

南宫静远 2024-11-05 09:26:38 0

扫一扫用手机浏览

文章目录 [+]

项目已经在10月底上线,最近又进入到其他项目里,到今天才抽出时间对这个项目总结一下。

回顾一下,在项目的初期就设定为轻量级H5 App,上线后已经运行在 原生app、微信小程序、百度小程序,从目前的结果来看是符合预期的。
下面我将从以下几个方面聊聊。

产品体验方面

所谓轻量级,从用户使用层面是有所体现的,比如,进入首页---> 列表---> 详情---> 互动聊天,这是最长浏览路径,不超过4个跳转。
从单一页面的功能设计上足够的简单,让用户一目了然。
由于刚上线,还会有些具体使用问题,在后续会持续迭代几版。

轻量级H5 app开发实践之总结(项目开发封装研习优化) 软件优化
(图片来自网络侵删)
技术方面

在前面的文章中已经讲到,该项目整体是基于koaJs + vueJs技术栈实现,koa负责api的开发,vue负责客户端页面渲染和交互。
构建环境基于webpack 4.x 配置,在后续开发中还开发了自定义插件和文件操作脚本。
从目前的运行情况来看从 开发 ---> 预览 ---> 部署 符合预期效果。

不过,问题还是有的,如,nodejs 层面可抽离的公共模块不够彻底,log4输出的日志部分有待优化,项目中在node和vue中统一用到了 axios框架,还需要合理地进行封装,以减少冗余代码。

客户端层面,插件的封装需要全局考虑,vuex项目中没有用到,后续是否需要,该怎么用?项目内的组件(项目公共非全局)等等这些都需要思考该如何进行规划。

接下来要做的

带着上述的问题,需要计划出接下来要做的:

nodejs

日志输出优化axios二次封装必要的中间件封装SSR 调研

客户端

构建环境优化,如何更好地进行api代理转发vue组件的开发规范输出ts能否引入,成本如何

好了,先写这么多,我觉得在一个项目开发完成后还能有一些代办事项是好的,需要持续的优化,才能达到我们心目的完美。

标签:

相关文章