十八哟

Webpack 作为一个模块化打包工具，除了能实现模块化打包的问题，还能在打包过程中通过 Loader 机制编译代码解决兼容性问题以及不同类型的文件（如 css 图片 html等）的打包编译

要知道 Webpack 解决了什么问题， 先要对他解决的问题进行了解。 先回答我：为什么模块很重要？ 答：因为有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块。 但是，这样做有

经过近几年的爆炸式发展，前端不再是简单的页面开发，从早期只是配合后端的切图工作，到现在能独立驱动整个业务的开发，需要引入框架和工具。 现阶段的大型应用是前后端分离的，因此要求前端必须有独立的项目

今天开门见山地聊一下面试中被问到的一个问题：keep-alive组件的缓存原理。 官网的例子是 tab 切换保存了用户的操作，实际中还可能遇到从列表页跳转去了详情页，再跳转回列表页需要保存用户进行过的筛选操作，这就需要用到 <keep-alive>，这样也能避免重新渲…

我们知道从URL输入到页面渲染是一个比较复杂且耗时的过程，这个过程就从HTTP请求开始，比如请求html、css、js和图片。 一个完整的HTTP请求会经历DNS查找->TCP3次握手->浏览器发送HTTP请求->服务器接收请求->服务器处理请求并返回响应->浏览器接收响应。 …

Array.from() 方法从一个类似数组（伪数组）或可迭代对象创建一个新的，浅拷贝的数组实例。 from() 的 length 属性为 1 ，即 Array.from.length === 1。 Array.isArray() 用于确定传递的值是否是一个 Array。 Ar…

适用于数组，对数组的每个元素执行一次 callback 函数，那些已删除或者未初始化的项将被跳过（例如在稀疏数组上）。 返回 undefined 值，并且不可链式调用。 forEach() 遍历的范围在第一次调用 callback 前就会确定。 forEach() 被调用时，不…

工作中大多数情况下都是对数组的操作，熟练掌握数组操作的奇淫技巧，对数组运用自如也能提高工作效率。 你说了这两个方法，有的面试官可能不会轻易就放你过，可能还会问你原始的方法如何去重，篇幅有限，下次再总结。 splice()可以对数组进行增删改（替换）。 splice()的返回值是…

BFC全称“Block Formatting Context”, 中文为“块级格式化上下文”。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。 在解释什么是BFC之前，我们需要先…