在前端工程化日趋复杂的今天，模块打包工具在我们的开发中起到了越来越重要的作用，其中webpack就是最热门的打包工具之一。 说到webpack，可能很多小伙伴会觉得既熟悉又陌生，熟悉是因为几乎在每一个项目中我们都会用上它，又因为webpack复杂的配置和五花八门的功能感到陌生。…

相信我，只要记住本文的 7️⃣ 步口诀，就能彻底掌握 JS 中的 this 指向。 先念口诀：箭头函数、new、bind、apply 和 call、欧比届点（obj.）、直接调用、不在函数里。

按步骤一步一步看下来 上面先遍历watch，后面给每个侦听属性添加一个user-watcher，其中传的参数expOrFn是key,handler是该key的监听回调,handler的取值可能会有几种情况，列出我们可能的watch形式。 是一个对象时，就把该对象的handler…

初衷： 在面试中，面试官经常问到说一下Es5和Es6的数组方法有哪些，有很多同学老是分不清楚，今天笔者就来分享一下。 用途： map是一个数组函数方法，接收三个参数，value，index，self，返回值是处理完的结果。 用途： 用于截取数组值，接收两个参数，第一个参数是要获…

这道面试题是无意间在微信群里看到的，据说是某厂的面试题。一般关于 Promise 的面试题无非是考察宏微任务、EventLoop 之类的，当我认真去分析这道题的时候，越看越不对劲，感觉有诈！这是要考察啥？ 这里4怎么跑到3后面去了，不讲武德？ Why...... 在我看来，这道…

必然会得到这个结论：this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定，this最终指向调用它的对象。 但是发现有时候只依靠这句话还是会在判断this指向的时候出现问题。今天通过几个例子彻底搞懂this指向问题。 实际上，这里调用flora();是由wind…

ES6 平时开发中经常使用,但是部分基础定义时常被忽略。借此,用总计面试题的方式记录一下，若有不对的地方,还请大家指出,谢谢! 变量的作用域,指的是,在编写的算法函数中,我们能访问变量(在使用函数作用域时,也可以是一个函数)的地方. 有局部变量和全局变量两种。 let 和con…

设备像素/物理像素：由设备的屏幕决定，其实就是屏幕中控制显示的最小单位。 设备独立像素/设备逻辑像素：是一种可以被程序所控制的虚拟像素，在Web开发中对应CSS像素。 DPR（设备像素比）：设备像素比 = 设备像素 / 设备独立像素，如果设备像素大于设备独立像素（DPR大于1的…

1. v-if 和 v-show 区分使用场景 2. computed 和 watch 区分使用场景 3. v-for注意 4. 长列表性能优化（Object.freeze） 5. 事件和定时器的销毁 6. 图片资源懒加载 对于图片过多的页面，为了加速页面加载速度，所以很多时候…