Web 组件 & Stenciil.js - 构建自定义 HTML 元素 Web Components & Stencil.js - Build Custom HTML Elements

让我们面对现实吧: 您有数百个 HTML 标签要选择, 但有些非常有用的标记( 、 、…) 缺少了。 如果您可以建立自己的 HTMl 标签呢 ?
缺少像角形、像雷特或专家JavaScript一般知识的图书馆等框架。 只是有魔法,本地-JavaScript 特性叫做“网络元件”(或“自定义 HTML 元素 ” ) 。
网络组件是各种规格的组合,被烤进浏览器。
开始这些功能是微风, 你很快就能建立自己强大的、可再使用(甚至跨项目!)的自定义 HTML 元素。
这种自定义元素不能取代角、反应或Vue, 相反, 您可以在任何网络项目中轻松使用这些元素, 包括使用此类框架和图书馆的项目。
这条路,你会从零开始学习。但我们不会就此停止。虽然启动相当容易,但更复杂的组件将更加难以创建。
使用现代功能, 例如TypeScript和JSX(不知道吗?
详细来说,在本课程中您将学习:如何建立可再使用、轻量的定制HTML元素,并具有本地浏览器特点,如何构建所有复杂内容的网络组件——从简单的工具提示到模式或侧面
抽屉如何将数据传送到自己的网络组件中,然后在那里使用它来发布您自己在 JavaScript 可以听到的自定义事件。
如何使用 Stenciil.js 元素来获取一个更容易得多的发展工作流程,如何使用Stencil.jes提供的许多功能Stencil.Js 提供的方法,以更有效的方式建立本地网络组件,以及如何部署/再使用自己的网络组件
任何使用诸如角、反应或Vue(或完全没有!)等任何 JavaScript 框架的项目。 前提: Javascrippt 基本知识是必须具备的ES6 JavaSTripat 知识( 默认, 让, 类, …) 强力
推荐但严格要求不高—-作为NO JavaScript课程的一部分,提供了简短的进修材料(例如:
需要的角、反应、Vue)是NO型Script型或JSX知识,