移动端H5项目
项目职责:
1、使用uniapp实现app内嵌h5页面、以及基于微信环境开发的h5页面;
2、使用vue+elementUI 实现APP后台管理平台的功能开发;
技术难点:
一、最大的难点是设备和环境的兼容性问题,要兼容APP内嵌环境、微信环境、手机浏览器环境以及ios和Android设备。比如:
1、要在关闭页面时调用接口的兼容性问题: ios得在浏览器pagehide生命周期并且使用fetch请求,安卓在onHide页面生命周期调用就行;
2、还有uniapp video组件的各种兼容性问题;
3、设置微信的字体大小导致h5页面的字体也变小布局变化的问题等等;
二、业务逻辑的复杂性。比如:
1、一个课程的价格以及标签显示,判断条件就有:是否是vip、该课程是不是设置了只能会员观看、普通价格、会员价格等;
2、 记录访客日志还有新增用户等等,得记录 该访客从什么渠道进入的页面又查看了那些内容,查看完后又回到页面等操作日志 用户日志
三、技术的复杂性,需要较频繁的使用不同的技术进行不同项目的开发,并且都是比较紧急的功能需求,需要很强的适应能力和协调能力。比如:
1、主要负责开发的有APP是用uniapp进行开发h5页面;
2、帮忙负责开发的好好代驾小程序是使用微信原生小程序技术栈开发;
3、帮忙负责开发的经营管控系统是前后端不分离项目、得使用原生js jq进行jsp页面的开发,且业务逻辑较复杂;
4、后台管理平台一律是使用vue+elementUI技术栈开发
技术描述:
1、使用weixin-js-sdk的api实现一些功能需求;比如:getBrandWCPayRequest实现微信支付、微信授权、wx.config配置、wx.onMenuShareAppMessage 微信分享等;
2、使用有盟数据智能服务sdk,实现一些数据监测 统计;比如:使用智能超链U-Link 判断用户是否安装app,安装了的话打开app没有的话跳转到应用商店下载app;
3、使用防抖节流等方法对搜索或者一直点击按钮触发请求等情况进行优化;
4、使用JSBridge实现APP与H5之间事件交互;使用file-online-preview实现文件在线预览;
5、使用swiper+video组件实现短视频播放功能;