面试经常有问到 webpack，偶遇一篇比较有实用价值的且有利于理解的文章，现总结如下： 本篇文章中要实现的这个迷你打包工具，它主要能实现如下两个功能： ①、将 ES6 转换成 ES5； ②、支持在 JS 文件中 import css 文件； 下面我们跟随这个工具的具体实现，来理解打包工具的原理，c Read More
缓存策略： 通常浏览器缓存策略分为两种：强缓存和协商缓存，并且缓存策略都是通过设置 HTTP Header 来实现的； 强缓存： 强缓存可以通过设置两种 HTTP Header 实现：Expires 和 Cache-Control；强缓存表示在缓存期间不需要请求。state code为200； Ex Read More
组件中 data 什么时候可以使用对象？ 这道题其实更多考的是 JS 功底； 组件复用时所有组件实例都会共享 data，如果 data 是对象的话，就会造成一个组件修改 data 以后会影响到其他所有组件，所以需要将 data 写成函数，每次用到就调用一次函数获得新的数据； 当我们使用 new Vu Read More
单例模式： 单例模式很常用，比如全局缓存、全局状态管理等等这些只需要一个对象，就可以使用单例模式； 单例模式的核心就是保证全局只有一个对象可以访问。因为JS是门无类的语言，所以别的语言实现单例的方式并不能嵌入 JS 中，我们只需要用一个变量确保实例只创建一次就行，以下是如何实现单例模式的例子： 在 Read More