web component
文章平均质量分 94
JackChouMine
前端程序员
展开
-
stencil 组件
/ 组件装饰器tag: 'app-input', // 名字全局唯一styleUrl: 'index.scss', // 组件的样式shadow: true, // 开启 shadow root 封装组件样式})// 直接使用属性名称作为事件名称// e.preventDefault() // 默认行为不行render() {@Component装饰器声明该类是一个组件,传递一些元数据,比如组件的标签,标签必须全局唯一,且含有-,样式,是否开启 shadow 等。tag 属性必需,原创 2024-06-27 14:36:17 · 368 阅读 · 0 评论 -
stencil 简介
stencil 出现的动机为何要学习 stencil 呢?stencil 是一个生成的编译器,但是其具有自己的特殊语法,使用 stencil 生成的组件可跨框架和在 html 中使用。TypeScript (依赖注入、装饰器等 angular 的一些语法)Live reload 热刷新,开发时很有用自动优化构建产物API 很小stencil 的构建产物已经做了懒加载和按需加载,所以具有较高的性能。stencil 除了创建 Web Component,还能构建 WPA 的站点。原创 2024-06-26 11:17:33 · 829 阅读 · 0 评论