webcomponents是前端的发展方向，现在流行的Reactangular2.0Vue就是一个组件框架。谷歌由于掌握了Chrome浏览器，一直在推广浏览器的原生组件，即WebComponents。与第三方框架相比，原生组件简单、直接、直观，无需加载任何外部模块，代码量小。目前，它仍在开发中，但已准备好投入生产使用。WebComponents标准的一个非常重要的特性是它使开发人员能够将HTML页面的功能封装为自定义元素（自定义标签）。首先，我们要知道WebComponents包括四个部分：?自定义元素?HTML导入?HTML模板?ShadowDOM这四个部分有机地组合在一起形成WebComponents。引入带有自定义标签的组件是前端组件化的基础。页面上对HTML文件和HTML模板的引用用于支持组件视图的编写和组件资源管理，而ShadowDOM用于隔离组件之间的代码冲突和影响。自定义元素概述自定义元素，顾名思义，就是为开发者提供一种自定义HTML元素的方式，包括特定的组成、样式和行为。支持WebComponents标准的浏览器会提供一系列API供开发者创建自定义元素或扩展现有元素。https://developer.mozilla.org...HTML导入概述HTML导入是一种在HTML中引用和重用其他HTML文档的方法。我们最常用的导入css文件的方式是：WebComponents现在提供了另一种方式：需要服务器环境，可以用nodejs搭建https://segmentfault.com/a/11...HTML模板概述这个东西很简单，用过handlebars的都知道有这么一个thing:其他模板引擎也有类似的东西，所以HTMLTemplates官方把这个东西标准化了，提供了一个模板标签来存放HTML稍后将需要但暂时不呈现的代码。以后可以这样写：...ShadowDOMShadowDOM好像提了很久，最本质的需求就是需要一个作用域隔离的东西组件代码的，比如我的组件代码的CSS不能影响其他组件等等。ShadowDOM-ShadowRootShadowDOM主要解决在一个文档中构建和维护多个DOM树可能需要大量交互来建立和维护各自功能边界的问题。HTML支持其他控件，例如视频、音频甚至某些表单。其中一些控件由非常复杂的界面组成。是的，其实这些界面也是用HTML+CSS写的。比如
