uni-app原理分析

历史分析

最开始的小程序没有组件化和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
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值