web前端面试官

摘要： 问题一：如何减少 Webpack 打包后的文件体积 按需加载 想必大家在开发 SPA 项目的时候，项目中都会存在十几甚至更多的路由页面。如果我们将这些页面全部打包进一个 JS 文件的话，虽然将多个请求合并了，但是同样也加载了很多并不需要的代码，耗费了更长的时间。那么为了首页能更快地呈现给用户，我们肯 阅读全文

摘要： 问题一：如何减少 Webpack 打包时间 优化 Loader 对于 Loader 来说，影响打包效率首当其冲必属 Babel 了。因为 Babel 会将代码转为字符串生成 AST，然后对 AST 继续进行转变最后再生成新的代码，项目越大，转换代码越多，效率就越低。当然了，我们是有办法优化的。 首先 阅读全文

摘要： Dom diff 则是通过JS层面的计算，返回一个patch对象，即补丁对象，在通过特定的操作解析patch对象，完成页面的重新渲染。 Diff 算法 规则：同层比较 Diff算法中有很多种情况，接下来我们以常见的几种情况做下讨论： 当节点类型相同时，去看一下属性是否相同 产生一个属性的补丁包 {t 阅读全文

摘要： Virtual dom, 即虚拟DOM节点。它通过JS的Object对象模拟DOM中的节点，然后再通过特定的render方法将其渲染成真实的DOM节点。 为什么操作 dom 性能开销大 从上图可见，真实的 DOM 元素是非常庞大的，因为浏览器的标准就把 DOM 设计的非常复杂。当我们频繁的去做 DO 阅读全文

摘要： 问题一：ypeof 是否能正确判断类型？instanceof 能正确判断对象的原理是什么？ typeof对于原始类型来说，除了null都可以显示正确的类型 typeof 1 // 'number' typeof '1' // 'string' typeof undefined // 'undefin 阅读全文

摘要： 问题一：对象类型和原始类型的不同之处？函数参数是对象会发生什么问题？ 在 JS 中，除了原始类型那么其他的都是对象类型了。对象类型和原始类型不同的是，原始类型存储的是值，对象类型存储的是地址（指针）。当你创建了一个对象类型的时候，计算机会在内存中帮我们开辟一个空间来存放值，但是我们需要找到这个空间， 阅读全文

摘要： 在 JS 中，存在着 6 种原始值，分别是： boolean null undefined number string symbol 首先原始类型存储的都是值，是没有函数可以调用的，比如undefined.toString() 此时你肯定会有疑问，这不对呀，明明'1'.toString()是可以使用 阅读全文

摘要： 问题一：请说出vue几种常用的指令 v-if：根据表达式的值的真假条件渲染元素。在切换时元素及它的数据绑定 / 组件被销毁并重建。 v-show：根据表达式之真假值，切换元素的 display CSS 属性。 v-for：循环指令，基于一个数组或者对象渲染一个列表，vue 2.0以上必须需配合 ke 阅读全文

摘要： 问题一：vue.js的两个核心是什么？ 1、数据驱动，也叫双向数据绑定。 Vue.js数据观测原理在技术实现上，利用的是ES5Object.defineProperty和存储器属性: getter和setter（所以只兼容IE9及以上版本），可称为基于依赖收集的观测机制。核心是VM，即ViewMod 阅读全文

摘要： 问题一：请说出vue-cli工程中每个文件夹和文件的用处 注意：此问题千万不要只解释一下src文件夹下每个文件夹的作用。vue-cli目录结构：vue-cli目录解析： build 文件夹：用于存放 webpack 相关配置和脚本。开发中仅 偶尔使用 到此文件夹下webpack.base.conf. 阅读全文