Shadow DOM 是什么？我们先来打开 Chrome 的 DevTool，并在 ‘Settings -> Preferences -> Elements’ 中把 ‘ Show user agent shadow DOM’ 打上勾。然后，打开一个支持 HTML5 播放的视频网站。比如 Youtube：

可以看到代码比直接使用template更加简洁，另外也可以利用formatter函数处理简单的自定义字符串

JSX 可以很好地描述 UI 应该呈现出它应有交互的本质形式。JSX 可能会使人联想到模版语言，但它具有 JavaScript 的全部功能。

模板转换成浏览器认识的HTML过程如下： template -> AST render （compiler解析template） AST render -> vNode (render方法运行) vNode -> DOM (vdom.patch) 这里总结下第一步模板编译成AST render函数…

用过Element ui库的童鞋肯定知道<el-tabs>组件，简单、好用、可以自定义标签页，不知道广大童鞋们在刚开始使用<el-tabs>组件的时候有没有想过它是如何实现的？我咋刚开始使用<el-tabs>组件的时…

这是专门探索 JavaScript 及其所构建的组件的系列文章的第11篇。 如果你错过了前面的章节，可以在这里找到它们： JavaScript 是如何工作的：引擎，运行时和调用堆栈的概述！ JavaScript 是如何工作的：深入V8引擎…