重构 uniapp 项目(1):uniapp 中的数据流机制


uniapp 遵循 vue 的语法,可以使用 vuex 等生态。

数据操作猜想

vue 在 H5 中,不管引入多少概念,虚拟 dom,diff 算法,它最新依然是需要操作dom,document.getElementById("p1").innerHTML = "hello kitty!"; 类似这样的修改一定会在 vue的源码中出现。
小程序 js core 和 webview 的通过 JSBridge 进行通信,也就是 setData 这个函数。JSBridge 传递的是字符串,页面层,进行一次 diff 之后,渲染出数据。

uniapp setData 的调用

参考


 上一篇
深入理解支付宝小程序 -- 准备篇 深入理解支付宝小程序 -- 准备篇
深入理解总是困难的,耐心和寂寞相伴,沉默和思考相随,进一退三,推着我们前进,是对未知的渴望,是残存的技术热情。 本系列,将开始对支付宝小程序的运行时的分析,网上资料比较少,一些猜想不一定对,我姑且说之,您姑且听之。因为微信小程序的先驱性
2021-07-31
下一篇 
重构 uniapp 项目(1):浅浅理解 uniapp 重构 uniapp 项目(1):浅浅理解 uniapp
uniapp 在业内名气口碑都挺不错的,选择这个框架,能够让开发者快速出活,依托 vue 的生态,相关开发者也多,企业也容易招聘。然而小程序和web毕竟还是有点区别,某些时候还是需要对uniapp 有一定的理解,才能够顺利的搬砖。本篇,
2021-07-20
  目录