刚开始使用jQuery可以帮助我们免受浏览器不兼容的烦恼，但现代的浏览器更新发展超乎我们的想象，所以有些情况下根本不需要引入一个jQuery库文件。一味的使用jQuery，会让你忘了或失去很多原生Javascript的魅力。
HTML template模板允许我们在普通的HTML流程中删除可重复使用的代码模板，这些模板不会立即呈现，但可以在以后使用。
在学习Web Components即web组件中的Shadow DOM创建组件时，发现document.importNode的使用，顺虅摸瓜又摸到了document.adoptNode，在这里做记录一下document.importNode和document.adoptNode如何使用及它们的区别。
钩子函数inserted是指被绑定元素插入父节点时调用。注意这里的用词是插入到DOM中时，点击后显示文本框并获取焦点要用到v-if条件渲染。
VUE解决Invalid options in vue.config.js: "publicPath" is not allowed。具体原因是因为版本支持的问题，publicPath 属性到 vue-cli 3.2.0 之后才支持，所以将 publicPaht 改成 baseUrl 即可，或者升级你的 vue-cli 。
webpack-dev-server新增了对host header的正确性检测，如果没有配置host 127.0.0.1 localhost，启动服务时报错getaddrinfo ENOTFOUND localhost，本地调试使用代理时报错"Invalid Host Header"
在所有节点类型中，只有文档片段节点DocumentFragment在文档中没有对应的标记。DocumentFragments是DOM节点，通常的用例是创建文档片段，将多个元素附加到文档片段，然后将文档片段附加到DOM树。因为文档片段存在于内存中，并不在DOM树中，所以将子元素插入到文档片段时不会引起页面回流（对元素位置和几何上的计算）。因此，使用文档片段通常会带来更好的性能。
Chrome浏览器控制台Input elements should have autocomplete attributes (input元素应具有autocomplete属性....)(suggested: "current-password"): (More info: https://goo.gl/9p2vKq)
[DOM] Password field is not contained in a form: （ [DOM]密码字段不包含在form表单中）解决方案：添加form标签
通过CSS3实现图像动画并显示图像后面的文本，通过这个例子来练习扩展你的CSS知识，并开动脑筋创建你自己独特的动画。
