埋点
什么是埋点
- 埋点是采集用户行为进行分析,比如百度统计,友盟等平台
- 市面上常见的埋点方案有手动埋点,自动埋点,无埋点
- PV:是指页面浏览量,UV是不同用户对页面的访问数,ET用户执行特定事件的次数
- 可用于性能监控,用户行为分析,用户体验优化,AB测分析不同版本
埋点方案
- 手动埋点:目前公司采用的就是手动埋点,在需要采集的业务位置通过调用封装好的方法传入需要的参数即可
- 自动埋点:由公司搭建类似低码平台,封装常用的运营组件,运营可以拖拽这些预置组件生成活动所需页面,将组件与采集的事件关联即可自动生成埋点
- 无埋点:前端封装包去采集页面的所有事件和数据,业务方只需要调用一下封装好的包,即可自动将所有数据传到服务器,由服务器自行根据特定规则过滤有用的信息
组件
内置组件和扩展组件
- 使用uniapp开发微信小程序,使用vue技术栈开发即可,如果是开发app,还可以选择nvue,nvue是基于原生引擎渲染,vue则是基于webview渲染。
- uniapp由内置的基础组件和扩展组件uni-ui,均为全端兼容
- uniapp特点就是一次开发多端兼容,对于PC和移动端的各个平台要实现组件的兼容必须采用无DOM组件库
第三方组件库
- 在选择第三方组件库时必须注意是否兼容你程序运行的平台
- 常见的全端兼容组件库有uViewui,colorui等
- only for web的有Vant,iView
- 兼容微信小程序的有vant weapp版,iView weapp版
选择建议
- 建议选择uniapp官方的uni-ui,对各平台的兼容性最好,且为纯Vue语法,不需要写小程序语法
开发
图片预加载
- 需求来源:微信小程序的包不能超过2M,对于一些静态资源就必须采用CDN来加载,网络加载就有延迟问题,所以需要对影响用户体验的资源预加载,提升页面访问速度
- 方案:在小程序启动时去请求获取指定的静态资源存在本地,在需要呈现时从本地引用这些资源实现秒加载
- 注意点:在开发时如果有将资源预加载到本地的需求时,一定要配置downloadFile域名,否则打包后预览版和体验版会因为跨域而导致页面加载失败
原理
移动端架构
- 分类:视图层和逻辑层
- 视图层:在app中可以运行在webview和基于weex改造的原生渲染引擎中,在小程序中是运行在webview
- 逻辑层:运行于jscore引擎中
- jscore
5.优缺点:分离的架构可以各自执行,逻辑层不会阻塞视图层,但是两者需要通信会有延迟
6.性能优化:参考官网