前言:
最近需要搭建一套基于uniapp 的代码模板,适应各平台的快速打包部署,为提高代码复用率,提升生产力,所以需要构建一套优雅的前端项目架构,下面分享记录一下我的封装。
代码封装我暂时分为三个层面:
1 底层的封装
缓存处理,第三方API封装,用户信息鉴权处理,网络请求,应用配置,数据统计,数据埋点,全局page对象劫持封装,通用工具类封装(时间处理,通配符取参,文件下载,上传,加密,解密,长链接,音视频播放器),WebRTC(网页实时通信技术),webview通讯
释:这个层面基本都是 js 逻辑代码的封装,可以按需加载
2 应用功能模块层面
积分模块,抽奖模块,商城模块,订单模块,会员模块,任务模块
释:这个层面主要是接口能力,页面及相关组件的封装
3 组件层面
首页组件,个人中心组件,详情页面组件,地址管理组件,公共弹窗,数据统计-画布
释:这个层面就是纯组件的封装了,跟接口,数据不挂钩,作用是把页面需要用的组件都拆分成小组件,提高复用性和可维护性。
未完待续,之后我会持续更新,有宝贵意见的欢迎在评论区指出,谢谢。
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- 模板不会安装或需要功能定制以及二次开发?
发表评论
还没有评论,快来抢沙发吧!