11月09, 2020

小程序动态组件实现原理

  1. https://www.jianshu.com/p/2d2551e07c3c 小程序动态化
  2. https://cmljs.org/doc/view/component.html cml支持动态组件
  3. https://zhuanlan.zhihu.com/p/91300119 remax 小程序动态模板
  4. https://mp.weixin.qq.com/s/N6j0z1MOGxoXQLoaF-WkLg Rax,号称唯一支持编译与运行时均支持动态组件的小程序跨端框架。(文章里面说Taro, Remax均支持小程序运行时动态添加组件。) Q:
  5. 配置化 -> code -> 发布、审核 or 配置化 -> runtime动态渲染组件 + 数据?

小程序运行时添加动态组件原理

  1. 背景
  2. 小程序视图渲染层和逻辑执行层,是在两个不同的线程。 逻辑层通过setData更新视图,视图层通过事件触发,执行逻辑层代码。
  3. 自定义组件支持递归调用
  4. 思路 提前在视图层埋好所有的组件模板,加载所有组件样式。在运行时,逻辑层获取数据,通过setData将配置数据传递给视图层。视图层的自定义组件,根据Data决定使用哪个组件,展示什么内容。 目前有3个框架都支持。Rax,Remax和Taro。原理都是上面的思路,有的是先埋好模板,有的是自己定义一套渲染引擎,根据规则动态渲染。前者需要提前写好模板,加载快,但扩展性稍差。后者可以动态渲染,但计算时间长,性能不太好。

本文链接:http://fengbaiyang.cn/post/mini-program-dynamic.html

-- EOF --

Comments

暂不支持评论,如有问题,请发邮件至baiyang.feng@outlook.com。 望不吝赐教~