uni-app原理分析

历史分析

最开始的小程序没有组件化和npm支持,wepy就诞生了,但wepy没有完全实现vue的规范,后面又出了mpvue(实现了更完整的vue开发体系)。

18年末uni-app开源,其他框架也陆续出现,每家大厂都有自己的框架自己的实现。
uni-app原理分析_第1张图片

uni介绍

uni-app原理分析_第2张图片
uni-app原理分析_第3张图片
因为vue只有.vue文件 而小程序有四个文件,那么就需要拆分。

uni-app原理分析_第4张图片

小程序不是双向数据绑定,所以通过uni的runtime实现双向绑定

uni-app原理分析_第5张图片

性能优化

uni-app原理分析_第6张图片
uni-app原理分析_第7张图片
其实是native真正在处理处理数据后的渲染,少用setData
uni-app原理分析_第8张图片

uni-app原理分析_第9张图片

uni-app原理分析_第10张图片
uni-app原理分析_第11张图片

uni-app原理分析_第12张图片
利用了差量算法。

uni-app原理分析_第13张图片
初期小程序没有自定义组件,mpvue实现了组件式开发,但一个小小的数据改变就会导致整个页面重新渲染。 uni实现了只更新单个组件数据,
uni-app原理分析_第14张图片
uni-app原理分析_第15张图片
https://v.qq.com/x/page/r0886mn8v6l.html 视频链接
uni-app原理分析_第16张图片
uni-app原理分析_第17张图片
uni-app原理分析_第18张图片

uni-app原理分析_第19张图片
如果用RN或Weex 例如支付国内没有封装的很好,往往需要 前端 IOS Android 三个开发人员

你可能感兴趣的:(uni-app原理分析)