自 7 月初我们正式发布了 Taro 3,至今半年时间已然略去。期间我们不断地修复着问题,同时也在构想着下一个 minor 版本。
面对小程序平台越来越多的大环境,Taro 是选择偏安一隅,只支持部分的主流小程序,还是成为所有小程序平台开发、多端转换的基础设施,我们在 v3.1 给出了答案:开放式架构。
近年来业界推出的小程序平台越来越多,但 Taro 核心维护的平台只有 6 个(微信、支付宝、百度、头条、QQ、京东小程序),因此常常有同学提出能不能支持某某平台的 Feature Request。
基于目前的架构,对于单一平台的兼容性代码分布于 Taro 核心库的各个角落,涉及编译时与运行时等部分。支持一个新的平台需要改动所有的这些地方,开发复杂度高,同时社区也难以参与贡献。
为此我们萌生了打造一个开放式框架的想法。目标是可以通过插件的形式扩展 Taro 的端平台支持能力:
我们把内置支持的 6 个平台封装成了插件,CLI 默认会全部加载这些插件。封装的过程中,我们检索了各小程序最新的组件、API,并全数进行更新与支持,对齐各小程序最新的能力。
借助开放式架构,我们编写了若干端平台插件,开发者安装后即可使用:
没有影响,改动属于 Taro 内部架构重构,不会影响开发者使用。
除了扩展新的编译平台,我们还可以通过继承于现有的端平台插件,来编写自定义的端平台插件,对平台的适配逻辑进行自定义:
由于小程序平台众多,而且它们也在不断地迭代,往往会出现 Taro 对某个小程序新推出的组件或 API 支持不及时的问题。这时开发者首先需要联系 Taro 团队,再等待我们跟进修复、发布新版本后才能正常使用,平均需要等待一周或两周的时间才能得到解决。
而基于开放式架构,开发者能够通过继承某个端平台插件,迅速开发出自定义端平台插件,完成对这些新组件或 API 的支持,无需等待 Taro 发布版本。
为微信小程序拓展 API 的例子:
// 这样可以侵入 Taro 运行时并修改 Taro 对象,达到增加 API 的目的
因为小程序组件的属性和事件都必须静态写死,不可以动态添加,所以 Taro 会把组件的所有属性和事件全部在模板里提前进行绑定。
但实际项目中很多情况下并不会使用到组件的所有属性和事件,循环这些冗余的属性和事件绑定也会占据很大一部分的体积,另外太多的事件绑定也会在一定程度上降低小程序的性能。
以下是 View 组件模板的伪代码:
Taro 需要把View
组件的所有属性和事件提前进行绑定,才能满足不同开发者的使用需求。但可能对于某位开发者来说,整个项目的View
组件都没有使用到hover-stop-propagation
这个属性,那么则可以考虑把它精简掉,不编译到View
组件的模板当中。
需要注意的是,对属性的精简可能会引起不必要的问题、使项目的维护变得困难,特别当项目变大,开发者众多时,需要谨慎设计和使用。
v3.1 除了包括开放式架构的调整外,也不忘巩固核心。以下是 v3.1 对重要问题的修复情况,有一些在 v3.0 的 patch 版本已经推出,一些则是 v3.1 中才推出,均予以列出:
注意,此修复含有【Breaking Change】,如果你正在把 Vue 项目从 v3.0 升级到 v3.1,需要对入口组件进行如下修改:
// 用户的入口组件多调用一次的话,会导致生命周期函数重复触发 // 用户在入口文件中只需要导出入口组件的配置对象,不需要再调用 new Vue
v3.1 中我们对反向转换功能(Taro convert
)进行了广泛的验证,修复了大量问题,现已达到比较高可用的状态。
catch
事件不能阻止冒泡的问题
我们尝试使用taro convert
转换了四个 GitHub 上最热门的开源微信小程序应用,它们转换之后都表现良好:
这是因为 Taro 3 的事件冒泡机制是单独在小程序逻辑层实现,所有事件都是绑定的bind
而不是catch
。因此touchmove
事件回调中调用e.stopPropagation()
只会阻止上层组件的事件回调触发,而没有
v3.1 会在编译时扫描onShareAppMessage
、onShareTimeline
是否有被调用,进而自动在页面配置文件中加上对应配置,大部分场景下不需要用户手动设置。
注意,如果分享生命周期被封装在基类或自定义 Hooks 中,还是需要手动加上对应配置。
在 v3.0,支付宝小程序使用原生自定义组件时,会报“元素不存在”的错误。
这是因为支付宝小程序中规定,页面引用到的自定义组件,需要在页面对应的 axml 文件中定义。而 Taro 会把自定义组件定义在全局模板文件 base.axml 中。
因此 3.1 会识别出使用了原生自定义组件的页面,把这些页面的模板都在页面对应的 axml 里进行定义。
v3.0 刚推出,很多同学反馈小程序体积过大的问题,其中一个原因是编译产物中base.xml
这个模板的体积太大了。
自 v3.0.9 后,我们对模板生成逻辑进行了重构:可能嵌套引用自身的组件,模板默认生成 16 次,如View
。不会嵌套引用自身的组件,模板只会生成一次,如Map
。
以微信小程序为例,在最极端的情况下体积优化率达 85% 以上:
从 v2.x 升级的同学需要先按 进行操作。
然后进入项目,把package.json
文件中 taro 相关依赖的版本修改为3.1.0-beta.4
,再重新安装依赖(建议先把 node_modules 文件夹删除)。至此升级结束。
开源不易,贵在坚持。Taro 团队衷心感谢各位参与过本项目开源建设的朋友,无论是为 Taro 提交过代码、建设周边生态,还是反馈过问题,甚至只是茶余饭后讨论、吐槽 Taro 的各位。
现诚挚邀请您与 Taro 官方团队交流您的使用情况,有你相伴,Taro更加精彩!
最后,特别感谢为 Taro 从 v3.0 走到 v3.1 贡献过代码的各位,排名不分先后:
原因是你用的显卡模式是D3D的,这个是系统配置问题,给电脑没关系,如果不想这样就在选项里把D3D改成opengl,但是后者会让僵尸模式时候是远处场景变黑,什么都看不见,不过就不会在墙上残留红色的东西了
这个红色的东西是变成僵尸后使用的夜视颜色,下次你变僵尸了,然后按N就会明白这东西是什么了
你对这个回答的评价是?
是英特尔的,为什么我玩不到csol》?跑跑卡丁车总是断线,网线是用毛线织的,网卡是 Realtek RTLx Family Fast Ethernet NIC,能帮我决绝吗? 打开都打开不了,你叫我打开游戏~,还有就是把英文翻译! 我也开了硬件加速,拉倒最后了,我的毁灭者啊,爆炎啊,……我对不起你了,你要到期了啊!