微信小程序组件框架升级：glass-easel 带来更多特性及更优性能

感谢亚汇网网友据悉，glass-easel是新版微信小程序组件框架的核心实现。从本质上说，glass-easel是JavaScript的组件化界面框架，用来进行组件化、定义式的界面开发。glass-easel内核也可以独立运行在web环境下。除了组件框架本身，glass-easel还配套了一组附件，包括代码编辑器插件、开发者工具扩展、国际化扩展等。同时该框架还是旧版组件exparser的升级，在保持兼容性的同时新增了各大特性和性能改进。从小程序基础库版本3.8.12开始，glass-easel组件框架提供了对WebView渲染引擎的支持，目前已覆盖约98%的微信用户。亚汇网附glass-easel新特性如下：Component构造器的Chaining形式Component构造器新增了一种Chaining形式写法，像这样：exportdefaultComponent().data(()=>({foo:'bar',})).init(function({data,setData,lifetime}){lifetime('attached',()=>{console.log('attached')})}).register()Chaining形式更适合组织复杂的组件逻辑，对TypeScript的支持也更好。它有一个init(...)实例初始化函数、形成一个闭包，可以在这个闭包内自由定义（专属于当前实例的）局部变量，对于复杂组件非常实用。此外，glass-easel还提供了动态slot、traitbehaviors等新特性，方便复杂组件的开发。新WXML编译器glass-easel组件框架还附带了新的WXML编译器。这个编译器支持一些新的实用语法。let:语法可以轻松定义局部变量，class:语法可以为节点更清晰地添加和移除样式类。<blocklet:field="{{my.complex.data.field}}"><view>{{field.title}}</view><view>{{field.description}}</view></block><viewclass:buttonclass:button-enabled="{{buttonEnabled}}"/>新的WXML编译器编译速度更快，也将生成更高效的运行时代码。WXML生成码执行速度可提升约20%。glass-easel运行时性能优化glass-easel组件框架运行时性能也有重大改进。glass-easel采用了新的更新算法，可以大大降低在部分情况下的更新开销。现在glass-easel能综合使用基于虚拟树和非基于虚拟树的更新算法，以便适应不同的场景。在列表更新算法方面，新的算法在部分场景下可提升执行速度数倍。此外，glass-easel提供了高级数据更新方法、数据字段拷贝控制、组件初始化策略等新特性，来辅助实现更极致的性能优化。微信官方建议用户将开发者工具升级至nightly版本，以获取更好的开发体验。使用TypeScript开发时，建议将miniprogram-api-typings升级到最新版本（5.2.3）。参考：广告声明：文内含有的对外跳转链接（包括不限于超链接、二维码、口令等形式），用于传递更多信息，节省甄选时间，结果仅供参考，亚汇网包含外链的文章均包含本声明。