您当前的位置:首页 > 电脑百科 > 程序开发 > 移动端 > H5

轻量级H5 app开发实践之总结

时间:2020-11-10 10:38:40  来源:  作者:
轻量级H5 app开发实践之总结

 

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

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

产品体验方面

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

技术方面

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

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

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

接下来要做的

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

nodejs

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

客户端

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

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



Tags:app开发   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。
▌相关推荐
  1、明确产品的需求分析+功能  这是最基本的也是第一步,我们要明确自己或者客户真的想要开发一款app应用,其次就要了解到底要开发什么功能什么类别和种类的app应用。所...【详细内容】
2021-12-27  Tags: app开发  点击:(1)  评论:(0)  加入收藏
随着5G网络应用的不断普及,应用范围也拓展到前所未有的深度和广度,在汹涌澎湃的5G时代,不同形式的APP开发也面临着前所未有的调整,如何针对不同的场景,选用对应的技术,也变得尤为...【详细内容】
2020-12-02  Tags: app开发  点击:(129)  评论:(0)  加入收藏
从想做APP开发到今天差不多半年时间了,现在已经有3个APP发布在谷歌应用商店上面。是时候给自己做个总结了。 本人想做app的想法是源于想找一个拨打电话的应用,能够显示相对较...【详细内容】
2020-12-02  Tags: app开发  点击:(112)  评论:(0)  加入收藏
互联网市场已进入高速发展的阶段,当下移动互联网成为主流,这对于移动端的研发能力和用户需求满足,变得更加严格且极具挑战。以往移动端App只是利用人们碎片化时间传递快速讯息,...【详细内容】
2020-12-02  Tags: app开发  点击:(160)  评论:(0)  加入收藏
项目创建完成之后,我们来搭建基础框架,严格来说,也不算是框架,只是制定好规则,这样开发思路会比较清晰。 目录名称 功能 custom widget封装 db 数据库封装 manager 公共的manager...【详细内容】
2020-11-16  Tags: app开发  点击:(180)  评论:(0)  加入收藏
项目已经在10月底上线,最近又进入到其他项目里,到今天才抽出时间对这个项目总结一下。回顾一下,在项目的初期就设定为轻量级H5 App,上线后已经运行在 原生app、微信小程序、百...【详细内容】
2020-11-10  Tags: app开发  点击:(109)  评论:(0)  加入收藏
上一篇主要是对新项目的一些介绍和对技术栈升级的思考,之前也提到,既然是新项目,从0开始,没有历史包袱,应该可以放手玩了。但考虑到如何能让老项目受益,并且从技术架构的普适性去...【详细内容】
2020-10-23  Tags: app开发  点击:(87)  评论:(0)  加入收藏
在互联网时代,APP应用程序的重要性不言而喻。 移动互联网发展的最大变化实际上是在智能手机上。 可以说,移动APP开启了我们的智慧时代。 今天,我将带领您了解掌握哪种编程语言...【详细内容】
2020-09-03  Tags: app开发  点击:(100)  评论:(0)  加入收藏
短视频的风潮一直未离开,纵看近几年,短视频APP开发的高度已经到达了该行业缓慢发展的阶段,参与的人也越来越多,但是我们在开发前需要清楚的知道在开发过程中会遇到哪些难题?了解...【详细内容】
2020-09-01  Tags: app开发  点击:(92)  评论:(0)  加入收藏
短视频APP的用户停留时间长、黏性大、使用频次高,其次日留存、7日留存甚至是月留存同样也非常高,而大多数公司在进行自己产品APP的开发时,也会在其中集成垂直分类或一些社区化...【详细内容】
2020-08-25  Tags: app开发  点击:(128)  评论:(0)  加入收藏
▌简易百科推荐
前言在刚接触HTML的时候,你是否被它众多的标签所惊讶?尤其是HTNL5的标签,新增了不少,很多HTML4的标签跨版本之后就用不了了,如此多的标签,要记是不可能记完的,我们只需要一些常用的...【详细内容】
2021-08-27  鳌拜的表哥熬夜    Tags:HTML5   点击:(343)  评论:(0)  加入收藏
前言前段时间笔者一直忙于数据可视化方面的工作,比如如何实现拖拽式生成可视化大屏,如何定制可视化图表交互和数据导入方案等,这块需求在B端企业中应用非常大,所以非常有探索价...【详细内容】
2021-08-18  趣谈前端    Tags:H5编辑器   点击:(90)  评论:(0)  加入收藏
前言移动端开发在前端里像神一样地存在,不是说它多难而是说它坑位实在太多了,怎样填都填不完。Android和iOS各显神通,Android的系统版本和屏幕分辨率多得难以一招兼容,iOS的顽固...【详细内容】
2021-03-18      Tags:H5   点击:(228)  评论:(0)  加入收藏
1.HTML5是什么HTML是web开发中三大规范之一,可以参考:Web前端开发-HTML入门干货 。HTML产生于1990年,1997年的HTML4.0成为互联网标准并广泛应用,HTML5是在HTML4.01(1999年发布)的...【详细内容】
2021-02-19      Tags:HTML5   点击:(195)  评论:(0)  加入收藏
HTML5是HTML4.01和XHTML1.0之后超文本标记语言的最新版本,由一群自由思想者设计,最终实现了多媒体支持、交互性、更智能的表单和更好的语义标注。 HTML 5不只是 HTML规范的最...【详细内容】
2021-01-20      Tags:HTML5   点击:(179)  评论:(0)  加入收藏
前言浏览器越来越强大,从文字、图片、到声音、视频、动画与游戏都有了丰富的应用。H5之后,不仅仅是表现层,数据存储与通讯能力也得到大幅度提高,并逐渐取得共识,形成了标准。随着...【详细内容】
2020-12-29      Tags:H5应用   点击:(165)  评论:(0)  加入收藏
今天给大家隆重推荐一款超强功能的H5西瓜视频播放器插件xgplayer。 xgplayer 字节跳动公司西瓜播放器技术团队推出的开源音视频解决方案,star高达3.2K+。实现自定义加载、缓...【详细内容】
2020-11-24      Tags:XGPlayer   点击:(199)  评论:(0)  加入收藏
今天给大家推荐一款超棒的H5可视化网页制作编辑工具H5DS。 h5ds 基于HTML5构建的web网页可视化制作器。通过轻松拖拽元素即可快速生成精美的H5页面。 技术栈 前端:React+Mo...【详细内容】
2020-11-12      Tags:H5DS   点击:(393)  评论:(0)  加入收藏
今天给大家分享一款超全功能的跨浏览器平台甘特图表库DHTMLXGantt。 dhtmlx-gantt DHTMLX公司开源的 JavaScript 甘特图/横道图/条状图类库。用来快速构建显示项目、进度,和...【详细内容】
2020-11-12      Tags:HTML5   点击:(113)  评论:(0)  加入收藏
项目已经在10月底上线,最近又进入到其他项目里,到今天才抽出时间对这个项目总结一下。回顾一下,在项目的初期就设定为轻量级H5 App,上线后已经运行在 原生app、微信小程序、百...【详细内容】
2020-11-10      Tags:app开发   点击:(109)  评论:(0)  加入收藏
最新更新
栏目热门
栏目头条