WebComponents

global.js负责初始化所有自定义的Web Components、绑定全局事件、提供跨组件通信能力,并确保主题在各种设备和交互场景下稳定运行。
1.global.js通常通过customElements.define()将JS类与HTML标签关联。
2.监听全局DOM事件(事件委托的方式)
Dawn使用事件委托(Event Delegation)高效处理用户交互,避免为每个按钮单独绑定事件。
当页面通过AJAX更新内容时,新插入的HTML中若包含了<>(WebComponents)组件,如果已经在global.js注册过,则浏览器可以直接自动升级新元素,无需调用new xxx()。
其实global.js是聚合器,本身没有实现具体的逻辑,只负责连接。
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 Chenzyishere's blog!
