前言 以前我在掘金上看到面试贴就直接刷掉的，从不会多看一眼，直到去年 9 月份我开始准备面试时，才发现很多面试经验贴特别有用，看这些帖子（我不敢称之为文章，怕被杠）的过程中对我的复习思维形成影响很大，

还是以前一样，有些概念面试可能会考，我都用*标记了出来，两句话就总结清楚其余的地方如果你想了解webpack，就仔细看看，虽然本教程不能让你webpack玩的很6，但是懂操作流程够了。面试你一般问你webpack的原理，Loader的原理，你有用那些优化措施 前端开发已经模块化…

回想起之前的一次面试，第一轮面试官问我AMD和CMD的区别，我只回答说AMD是提前加载，CMD是按需加载。第二轮面试官又问了我CommonJS和ES6 Module的区别，emmm...，我大致回答说新的比旧的好~~，虽然面试官并没有说什么，不过显然这样的答案并不是有助于面试、…

一、什么是 Tree Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静态分析模块之间的导入导出，确

前后端数据交互经常会碰到请求跨域，什么是跨域，以及有哪几种跨域方式，这是本文要探讨的内容。 本文完整的源代码请猛戳github博客，纸上得来终觉浅，建议大家动手敲敲代码。 同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSR…

合理利用缓存，可以提高页面的打开速度，这句话是前端开发者耳熟能详的准则 但具体缓存对页面性能有多大的影响呢？为了彻底弄懂浏览器缓存，从动手验证下这条准则开始吧

先说好，问题的答案都不是唯一的，大部分只提供题目哈，后面有答案会慢慢补上！当时回答的都不是特别完全。面试过程比较长，从年初开始断断续续面试，没有做太详细的规划，有些答案也不记得当时怎么回答的。 年初面试的公司还是比较多的，美团、头条、阿里、快手、滴滴、Shopee等等以及几个不…

(字母全小写且必须包含一个连字符)，避免和当前以及未来的 HTML 元素相冲突。 在非字符串模板中，如果prop是用小驼峰方式命名，在模板中要使用其等价的链式方式命名。 在字符串模板中就不要这么处理了。 因为HTML(非字符串模板)中的特性名是大小写不敏感的，所以浏览器会把所有…

其中include可以是个数组，数组内容为路由的name选项的值。 hash: 兼容所有浏览器，包括不支持 HTML5 History Api 的浏览器，例http://www.abc.com/#/index，hash值为#/index， hash的改变会触发hashchang…