Web Components & Stencil.js – 构建自定义HTML元素
全面介绍使用StencilJS及不使用StencilJS构建自定义HTML元素
学习内容:
- 构建您自己的可重用HTML元素,可在自己的项目中使用或与其他开发者共享
- 仅使用HTML、CSS和JavaScript的力量克服内置HTML元素的限制
- 如何传递数据到您的web组件中并在那里使用它
- 如何发出自己的自定义事件,您可以在JavaScript中监听这些事件
- 如何使用Shadow DOM将您的CSS样式限定在您的自定义元素内
本课程包括:
- 8.5小时点播视频
- 作业
- 21篇文章
- 90个可下载资源
- 在移动设备和电视上访问
- 终身访问权限
- 完成证书
价格:$59.99
教程评分:4.7 / 5 (3415评分)
教程语言:英语
教程字幕:中英文字幕
课程要求:
- 需要基本的JavaScript知识(基本语法、DOM基础、对象基础)
- ES6+ JavaScript知识(类等)是加分项,但非必须
课程描述:
让我们面对现实:您可以选择数百个HTML标签,但一些非常有用的标签(如、、等)却缺失。如果您能构建自己的HTML标签会怎样?不需使用Angular框架、React库或广泛的JavaScript知识,只需使用一种称为“Web组件”(或“自定义HTML元素”)的原生JavaScript功能。在本课程中,您将从零开始学习这一技术。虽然入门相对容易,但创建更复杂的组件将更具挑战性。Stencil.js是一个工具,它通过使用TypeScript和JSX等现代功能,使得创建这样的原生web组件变得更加简单。
声明:本站所有文章,如无特殊说明或标注,均为本站发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。