uni-app原理分析

最新推荐文章于 2024-06-04 22:33:52 发布

Jack おう

最新推荐文章于 2024-06-04 22:33:52 发布

阅读量1.3w

点赞数 6

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/weixin_45345105/article/details/109444766

版权

历史分析

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

18年末uni-app开源，其他框架也陆续出现，每家大厂都有自己的框架自己的实现。
在这里插入图片描述

uni介绍

在这里插入图片描述

因为vue只有.vue文件而小程序有四个文件，那么就需要拆分。

在这里插入图片描述

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

性能优化

在这里插入图片描述

其实是native真正在处理处理数据后的渲染，少用setData

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
利用了差量算法。

在这里插入图片描述
初期小程序没有自定义组件，mpvue实现了组件式开发，但一个小小的数据改变就会导致整个页面重新渲染。 uni实现了只更新单个组件数据，

https://v.qq.com/x/page/r0886mn8v6l.html 视频链接

在这里插入图片描述
如果用RN或Weex 例如支付国内没有封装的很好，往往需要前端 IOS Android 三个开发人员

关注

6
点赞
踩
18

收藏

觉得还不错? 一键收藏
6
评论
uni-app原理分析

历史分析最开始的小程序没有组件化和npm支持，wepy就诞生了，但wepy没有完全实现vue的规范，后面又出了mpvue（实现了更完整的vue开发体系）。18年末uni-app开源，其他框架也陆续出现，每家大厂都有自己的框架自己的实现。uni介绍因为vue只有.vue文件而小程序有四个文件，那么就需要拆分。小程序不是双向数据绑定，所以通过uni的runtime实现双向绑定性能优化其实是native真正在处理处理数据后的渲染，少用setData利用了差量算法。初期
复制链接

扫一扫

评论 6

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。