在不同端下打印document.scrollingElement.tagName，输出的值分别是HTML（桌面浏览器），和BODY（移动端浏览器）。可以得出：在桌面端document.scrollingElement就是document.documentElement；在移动端document.scrollingElement就是document.body。可以看出是自动识别不同平台上的滚动容器。
vue-cli 3.x下如果需要自定义配置，需要在项目的根目录添加一个vue.config.js，在这个文件中，我们可以进行一些个性化定制。
2019-04-105158次阅读
Promise浏览器兼容性是不支持IE浏览器，还好有一个Promise polyfill：https://github.com/stefanpenner/es6-promise。es3ify-webpack-plugin是专门将ES5代码转换为ES3代码，因为ES5是允许用关键字，保留字作为对象的方法与属性，而ES3不能。
focus事件在元素获取焦点时触发. 这个事件和focusin最大的区别仅仅在于后者会事件冒泡。当一个元素失去焦点的时候blur事件被触发。它和focusout事件的主要区别是focusout支持冒泡。focusin、focusout正好支持事件冒泡，这样正好可以轻松实现兼容浏览器focus、blur事件的事件委托。
从IE10开始，type="text"的input文本框在用户输入内容后，会自动产生一个小叉叉（X），方便用户点击清除已经输入的文本。对于type="password"的input密码框则会在右方显示一个小眼睛的图标，点击这个图标可以显示已经输入的内容。好是好，但有时候会画蛇添足，与样式不匹配。
方法一：Array(6)生成6项每项默认值为undefined的数组，map会过滤掉undefined项，所以先join转字符串再转回数组。方法二：fill() 方法用一个固定值填充一个数组中从起始索引到终止索引内的全部元素。
当你使用 Google Chrome浏览器访问 HTTP 网站，浏览器会显示“不安全”警告，这是 Google 在 Chrome 68 开始推出的一个特性。自 iOS 11.3 和 macOS 10.13.4 开始，“Safari 浏览器”会在您浏览不安全的网站时，显示“网站不安全”警告。
在写样式的时候，估计你会写过这样有规律的样式，在Sass中，我们可以使用@for循环来实现。
最近做了一个需求总共只有两屏，要求首屏触摸滑动到第二屏时就要取消触摸滑动事件。一般来说移动端网站的内容触摸滑动我们都会选择不依赖框架的Swiper来实现，但考虑到小需求下我们就没有必要去使用它，正好借这个机会去了解一下touch事件。
display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;看前缀webkit就知道属于webkit内部属性，只支持webkit内核浏览器，移动端可以放心使用。
