DC娱乐网

微信开发者本周(8 月 12 日)宣布,微信小程序新一代框架组件 glass-e

微信开发者本周(8 月 12 日)宣布,微信小程序新一代框架组件 glass-easel 已经可以自由使用,该框架具备更多特性和更优性能,适合用来编写、维护复杂的小程序。据悉,glass-easel 是新版微信小程序组件框架的核心实现。从本质上说,glass-easel 是 JavaScript 的组件化界面框架,用来进行组件化、定义式的界面开发。glass-easel 内核也可以独立运行在 web 环境下。除了组件框架本身,glass-easel 还配套了一组附件,包括代码编辑器插件、开发者工具扩展、国际化扩展等。同时该框架还是旧版组件 exparser 的升级,在保持兼容性的同时新增了各大特性和性能改进。从小程序基础库版本 3.8.12 开始,glass-easel 组件框架提供了对 WebView 渲染引擎的支持,目前已覆盖约 98% 的微信用户。IT之家附 glass-easel 新特性如下:Component 构造器的 Chaining 形式Component 构造器新增了一种 Chaining 形式写法,像这样:代码[复制]export default Component()  .data(() => ({    foo: 'bar',  }))  .init(function ({ data, setData, lifetime }) {    lifetime('attached', () => {      console.log('attached')    })  })  .register()Chaining 形式更适合组织复杂的组件逻辑,对 TypeScript 的支持也更好。它有一个 init (...) 实例初始化函数、形成一个闭包,可以在这个闭包内自由定义(专属于当前实例的)局部变量,对于复杂组件非常实用。此外,glass-easel 还提供了动态 slot、trait behaviors 等新特性,方便复杂组件的开发。新 WXML 编译器glass-easel 组件框架还附带了新的 WXML 编译器。这个编译器支持一些新的实用语法。let: 语法可以轻松定义局部变量,class: 语法可以为节点更清晰地添加和移除样式类。曾辉 唱出了飞轮海的感觉