前端开发

判断一个变量是否是数组类型，虽然用到的地方不是太多，但权当收藏学习，刷一下面试题。网上收集了目前有6种方式

overscroll-behavior CSS 属性是 overscroll-behavior-x 和 overscroll-behavior-y 属性的合并写法, 让你可以控制浏览器过度滚动时的表现——也就是滚动到边界。

手机号码为11位，正则：/^(0|86|17951)?(13[0-9]|14[57]|15[012356789]|16[0-9]|17[0-9]|18[0-9]|19[0-9])[0-9]{8}$/，替换：var endPhone = phone.replace(/^(\d{3})\d{4}(\d+)/,"$1****$2")

缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。

在HTML里面加入DNS Prefetch 则会让浏览器提前进行DNS的解析并且缓存到系统中，这样就可以提升网页的加载速度。

在不同端下打印document.scrollingElement.tagName，输出的值分别是HTML（桌面浏览器），和BODY（移动端浏览器）。可以得出：在桌面端document.scrollingElement就是document.documentElement；在移动端document.scrollingElement就是document.body。可以看出是自动识别不同平台上的滚动容器。

vue-cli 3.x下如果需要自定义配置，需要在项目的根目录添加一个vue.config.js，在这个文件中，我们可以进行一些个性化定制。

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密码框则会在右方显示一个小眼睛的图标，点击这个图标可以显示已经输入的内容。好是好，但有时候会画蛇添足，与样式不匹配。