回答话术

1.概念题

是什么
怎么做
解决了什么问题
优点是
缺点是

怎么解决

// 什么是闭包？

1.是什么？
 闭包是JS的一种语法特性。闭包 = 函数 + 自由变量
2.怎么做？
使用立即执行函数，创造一个非全局环境···
const add2=function(){
    var count
    return function(){
        count += 1
    }
}()
3.解决了什么问题？
 - 避免全局污染5
 - 提供对局部变量的间接访问
 - 维持变量，是其不被垃圾回收
4.优点
 - 简单，好用
5.缺点
 - 【使用不当】会造成内存泄露
6.怎么解决？
 - 不用，少用

2.纯记忆性题目

最好不要提自己不太熟悉的知识点，防止被深究

3.区分题

先说一，再说二，再说相同点，最后说不同点

4.大概念题

将达概念转为小概念，举例说明。

如 xxx 的概念挺多的，我举例说明一下吧

5.开放题

你遇到过最有挑战的技术问题？

面试官想看你有没有讲故事的能力。（有些面试官以为这是在考察技术，呵呵，其实是在考察讲故事能力）

一开始没搞懂去网上看了个答案一试发现这个广为流传的答案是有坑的于是自己看 issue 发现还有一个小细节然后解决了谁知道还是在某种 edge case 有问题于是自己看规范看源码，搞定

我（最近的一个时间）在做（怎样的一个产品／程序），这个产品／程序的目的是（帮助用户完成什么事），其中有一个（什么模块），为了实现（什么功能），用到了（什么技术），但是（遇到了什么挑战／难点／bug），我通过（怎样的手段）定位问题所在，问题出现的原因是（简要的点到技术点的描述），我在（至少两个资料来源）上找到了参考，最后基于（怎样的决策标准）决定采用（何种解决方法），运用了（哪种技术），最后成功解决了问题／实现了功能，结果是这个产品／程序（对用户，系统，性能，可用性，资源等产生了何种正面的影响）。下一步，我认为我应该研究（何种更先进的方式），进一步（怎样让产品／程序做得更好）。

题目

『很多』公司面试题都是常年不更新的，『可能』你搜该公司往年的面经，就能猜到今年的题目。
很多面试官的知识也是常年不更新的，你不要答得太『偏激』，应该了解大众的想法。
本押题主要强调答题思路，具体答案都可以搜到（不要用百度）

技巧
遇到比较抽象的题目就具体化（举例），遇到比较具体的题目就抽象化（阐述）
抽象题目搜知乎，代码题目搜 Stackoverflow 或博客
『XXX 的原理』这种题目一般都是说源代码思路，但你不需要看源码，直接看别人的博客即可（再次强调，不要用百度）

HTML
必考：你是如何理解 HTML 语义化的？
meta viewport 是做什么用的，怎么写？
你用过哪些 HTML 5 标签？
H5 是什么？
你了解移动端适配吗？有那些方案？

CSS
必考：两种盒模型分别说一下。
必考：如何垂直居中？
必考：flex 怎么用，常用属性有哪些？
必考：BFC 是什么？
CSS 选择器优先级
清除浮动说一下

原生 JS

必考：ES 6 语法知道哪些，分别怎么用？
必考 Promise、Promise.all、Promise.race 分别怎么用？
必考：手写函数防抖和函数节流
必考：手写 AJAX
必考：这段代码里的 this 是什么？
必考：闭包/立即执行函数是什么？
必考：什么是 JSONP，什么是 CORS，什么是跨域？
常考：async/await 怎么用，如何捕获异常？
常考：如何实现深拷贝？
常考：如何用正则实现 trim()？
常考：不用 class 如何实现继承？用 class 又如何实现？
常考：如何实现数组去重？
放弃：== 相关题目（反着答）
送命题：手写一个 Promise

DOM

必考：事件委托
曾考：用 mouse 事件写一个可拖曳的 div

HTTP

必考：HTTP 状态码知道哪些？分别什么意思？
大公司必考：HTTP 缓存有哪几种？
必考：GET 和 POST 的区别
Cookie V.S. LocalStorage V.S. SessionStorage V.S. Session

框架 Vue

必考：watch 和 computed 和 methods 区别是什么？
必考：Vue 有哪些生命周期钩子函数？分别有什么用？
必考：Vue 如何实现组件间通信？
必考：Vue 数据响应式怎么做到的？
必考：Vue.set 是做什么用的？
Vuex 你怎么用的？
VueRouter 你怎么用的？
路由守卫是什么？

框架 React

必考：受控组件 V.S. 非受控组件
必考：React 有哪些生命周期函数？分别有什么用？（Ajax 请求放在哪个阶段？）
必考：React 如何实现组件间通信？
必考：shouldComponentUpdate 有什么用？
必考：虚拟 DOM 是什么？
必考：什么是高阶组件？
React diff 的原理是什么？
必考 Redux 是什么？
connect 的原理是什么？

TypeScript

never 类型是什么？
TypeScript 比起 JavaScript 有什么优点？

Webpack

必考：有哪些常见 loader 和 plugin，你用过哪些？
英语题：loader 和 plugin 的区别是什么？
必考：如何按需加载代码？
必考：如何提高构建速度？
转义出的文件过大怎么办？上面五题请看这个不错的参考：zhuanlan.zhihu.com/p/44438844

安全

必考：什么是 XSS？如何预防？
必考：什么是 CSRF？如何预防？

开放题目

必考：你遇到最难的问题是怎样的？
你在团队的突出贡献是什么？
最近在关注什么新技术
有没有看什么源码，看了后有什么记忆深刻的地方，有什么收获

刁钻题目

代码
代码
(a ==1 && a== 2 && a==3) 可能为 true 吗？

超纲题

JS 垃圾回收机制
Eventloop 说一下

个性化题目

PWA
echarts.js / d3.js
three.js
flutter
SSR

答案

HTML

必考：你是如何理解 HTML 语义化的？
1. 举例法 HTML 语义化就是使用正确的标签（总结）段落就写 p 标签，标题就写 h1 标签，文章就写 article 标签，视频就写 video 标签，等等。
2. 阐述法首先讲以前的后台开发人员使用 table 布局，然后讲美工人员使用 div+css 布局，最后讲专业的前端会使用正确的标签进行页面开发。
meta viewport 是做什么用的，怎么写？举例法 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1"> 然后逐个解释每个单词的意思。
你用过哪些 HTML 5 标签？举例法平时如果只用 div 写页面你就完了，把你平时用到的 html5 标签列举出来即可，但是要注意如果这个标签的用法比较复杂，你要先看一下 MDN 的文档再说这个标签；如果你说出一个标签，却不知道它有哪些 API，那么你就会被扣分
H5 是什么？阐述法搜一下知乎就知道了，H5 表示移动端页面，反正不是 HTML5。

//1.逻辑像素和物理像素概念
//2.1px边框问题，transform: scale(0.5) 方案 ‘transform: scaleY(0.5)；transform-origin:0 0’
//3.移动端如何配置视口 meta标签加上上面的属性
//4.适配的方法
	-rem适配
    -vw，vh布局
    -px为主，vx和vxxx（vw/vh/vmax/vmin）为辅，搭配一些flex（推荐）
//适配流程
    1. 在head 设置width=device-width的viewport‘
    2. 在css中使用px
    3. 在适当的场景使用flex布局，或者配合vw进行自适应
    4. 在跨设备类型的时候（pc <-> 手机 <-> 平板）使用媒体查询
    5. 在跨设备类型如果交互差异太大的情况，考虑分开项目开发

CSS

必考：两种盒模型分别说一下。先说两种盒模型分别怎么写，具体到代码。然后说你平时喜欢用 border box，因为更好用。
必考：如何垂直居中？背代码 www.yuque.com/docs/share/… 《七种方式实现垂直居中》
必考：flex 怎么用，常用属性有哪些？看 MDN，背代码。
必考：BFC 是什么？

背 BFC 触发条件，

MDN 写了

。

但是不用全部背下来，面试官只知道其中几个：
1. 浮动元素（元素的 float 不是 none）
2. 绝对定位元素（元素的 position 为 absolute 或 fixed）
3. 行内块元素
4. overflow 值不为 visible 的块元素
5. 弹性元素（display 为 flex 或 inline-flex 元素的直接子元素）
CSS 选择器优先级
1. 背人云亦云的答案（错答案、已过时）：www.cnblogs.com/xugang/arch…
2. 看面试官脸色行事
3. 方方给的三句话
  1. 越具体优先级越高
  2. 同样优先级写在后面的覆盖写在前面的
  3. !important 优先级最高，但是要少用

清除浮动说一下

背代码

.clearfix:after {
  content: "";
  display: block; /*或者 table*/
  clear: both;
}
.clearfix {
  zoom: 1; /* IE 兼容*/
}

原生 JS

必考：ES 6 语法知道哪些，分别怎么用？举例法 let const 箭头函数 Promise 展开操作符默认参数 import export，见方方整理的列表
必考 Promise、Promise.all、Promise.race 分别怎么用？
1. 背代码 Promise 用法
```
 function fn(){
     return new Promise((resolve, reject)=>{
         成功时调用 resolve(数据)
         失败时调用 reject(错误)
     })
 }
 fn().then(success, fail).then(success2, fail2)
```
2. 背代码 Promise.all 用法
```
Promise.all([promise1, promise2]).then(success1, fail1);
```
  promise1 和 promise2 都成功才会调用 success1
3. 背代码 Promise.race 用法
```
Promise.race([promise1, promise2]).then(success1, fail1);
```
  promise1 和 promise2 只要有一个成功就会调用 success1；
  
  promise1 和 promise2 只要有一个失败就会调用 fail1；
  
  总之，谁第一个成功或失败，就认为是 race 的成功或失败。

必考：手写函数防抖和函数节流

背代码

// 节流（一段时间执行一次之后，就不执行第二次）
function throttle(fn, delay) {
  let canUse = true;
  return function () {
    if (canUse) {
      fn.apply(this, arguments);
      canUse = false;
      setTimeout(() => (canUse = true), delay);
    }
  };
}

const throttled = throttle(() => console.log("hi"));
throttled();
throttled();

注意，有些地方认为节流函数不是立刻执行的，而是在冷却时间末尾执行的（相当于施法有吟唱时间），那样说也是对的。

背代码

// 防抖（一段时间会等，然后带着一起做了）
function debounce(fn, delay) {
  let timerId = null;
  return function () {
    const context = this;
    if (timerId) {
      window.clearTimeout(timerId);
    }
    timerId = setTimeout(() => {
      fn.apply(context, arguments);
      timerId = null;
    }, delay);
  };
}
const debounced = debounce(() => console.log("hi"));
debounced();
debounced();

必考：手写 AJAX

背代码，完整版

var request = new XMLHttpRequest();
request.open("GET", "/a/b/c?name=ff", true);
request.onreadystatechange = function () {
  if (request.readyState === 4 && request.status === 200) {
    console.log(request.responseText);
  }
};
request.send();

背代码，简化版

var request = new XMLHttpRequest();
request.open("GET", "/a/b/c?name=ff", true);
request.onload = () => console.log(request.responseText);
request.send();

必考：这段代码里的 this 是什么？
1. 背代码
  1. fn() this => window/global
  2. obj.fn() this => obj
  3. fn.call(xx) this => xx
  4. fn.apply(xx) this => xx
  5. fn.bind(xx) this => xx
  6. new Fn() this => 新的对象
  7. fn = ()=> {} this => 外面的 this
2. 看调用《this 的值到底是什么？一次说清楚》
必考：闭包/立即执行函数是什么？
1. 闭包 zhuanlan.zhihu.com/p/22486908
2. 立即执行函数 zhuanlan.zhihu.com/p/22465092
必考：什么是 JSONP，什么是 CORS，什么是跨域？

jsonp 就是一种轻量级的数据传输格式，用来解决跨域请求问题。

CORS 全称是跨域资源共享（Cross-Origin Resource Sharing）
1. JSONP zhuanlan.zhihu.com/p/22600501
2. CORS developer.mozilla.org/zh-CN/docs/…
常考：async/await 怎么用，如何捕获异常？
1. 阮一峰的书讲了
2. 方方的视频课讲了最后一节。
常考：如何实现深拷贝？

背代码，要点：
1. 递归
2. 判断类型
3. 检查环（也叫循环引用）
4. 需要忽略原型

常考：如何用正则实现 trim()？

背代码

String.prototype.trim = function(){
    return this.replace(/^\s+|\s+$/g, '')
}
//或者
function trim(string){
    return string.replace(/^\s+|\s+$/g, '')
}

常考：不用 class 如何实现继承？用 class 又如何实现？

背代码，不用 class 这样实现

function Animal(color) {
  this.color = color;
}
Animal.prototype.move = function () {}; // 动物可以动
function Dog(color, name) {
  Animal.call(this, color); // 或者 Animal.apply(this, arguments)
  this.name = name;
}
// 下面三行实现 Dog.prototype.__proto__ = Animal.prototype
function temp() {}
temp.prototype = Animal.prototype;
Dog.prototype = new temp();

Dog.prototype.constuctor = Dog; // 这行看不懂就算了，面试官也不问
Dog.prototype.say = function () {
  console.log("汪");
};

var dog = new Dog("黄色", "阿黄");

背代码，用 class 就简单了

class Animal {
  constructor(color) {
    this.color = color;
  }
  move() {}
}
class Dog extends Animal {
  constructor(color, name) {
    super(color);
    this.name = name;
  }
  say() {}
}

常考：如何实现数组去重？
1. 计数排序变形，背代码
2. 使用 Set（面试已经禁止这种了，因为太简单）
3. 使用 WeakMap
放弃：== 相关题目（反着答）不要背，记不住，太复杂且没有规律
送命题：手写一个 Promise 提前写一遍，放在博客里，参考 juejin.im/post/5aafe3…

DOM

必考：事件委托

错误版（但是可能能过）

ul.addEventListener("click", function (e) {
  if (e.target.tagName.toLowerCase() === "li") {
    fn(); // 执行某个函数
  }
});

bug 在于，如果用户点击的是 li 里面的 span，就没法触发 fn，这显然不对。

高级版

function delegate(element, eventType, selector, fn) {
  element.addEventListener(eventType, (e) => {
    let el = e.target;
    while (!el.matches(selector)) {
      if (element === el) {
        el = null;
        break;
      }
      el = el.parentNode;
    }
    el && fn.call(el, e, el);
  });
  return element;
}

思路是点击 span 后，递归遍历 span 的祖先元素看其中有没有 ul 里面的 li。

曾考：用 mouse 事件写一个可拖曳的 div 参考代码：jsbin.com/munuzureya/…

HTTP
必考：HTTP 状态码知道哪些？分别什么意思？
- 2xx 表示成功
- 3xx 表示需要进一步操作
- 4xx 表示浏览器方面出错
- 5xx 表示服务器方面出错
- 完整参考 www.runoob.com/http/http-s…
大公司必考：HTTP 缓存有哪几种？
- 需要详细的了解 ETag、CacheControl、Expires 的异同
- 参考 imweb.io/topic/5795d…
- 答题要点：
  1. ETag 是通过对比浏览器和服务器资源的特征值（如 MD5）来决定是否要发送文件内容，如果一样就只发送 304（not modified）
  2. Expires 是设置过期时间（绝对时间），但是如果用户的本地时间错乱了，可能会有问题
  3. CacheControl: max-age=3600 是设置过期时长（相对时间），跟本地时间无关。
必考：GET 和 POST 的区别
1. 错解，但是能过面试
  - GET 在浏览器回退时是无害的，而 POST 会再次提交请求。
  - GET 产生的 URL 地址可以被加入收藏栏，而 POST 不可以。
  - GET 请求会被浏览器主动 cache，而 POST 不会，除非手动设置。
  - GET 请求只能进行 url 编码，而 POST 支持多种编码方式。
  - GET 请求参数会被完整保留在浏览器历史记录里，而 POST 中的参数不会被保留。
  - GET 请求在 URL 中传送的参数是有长度限制的，而 POST 么有。
  - 对参数的数据类型，GET 只接受 ASCII 字符，而 POST 没有限制。
  - GET 比 POST 更不安全，因为参数直接暴露在 URL 上，所以不能用来传递敏感信息。
  - GET 参数通过 URL 传递，POST 放在 Request body 中。
2. 正解就一个区别：语义——GET 用于获取资源，POST 用于提交资源。
3. 想装逼请参考 zhuanlan.zhihu.com/p/22536382
Cookie V.S. LocalStorage V.S. SessionStorage V.S. Session
- Cookie V.S. LocalStorage
  1. 主要区别是 Cookie 会被发送到服务器，而 LocalStorage 不会
  2. Cookie 一般最大 4k，LocalStorage 可以用 5Mb 甚至 10Mb（各浏览器不同）
- LocalStorage V.S. SessionStorage
  1. LocalStorage 一般不会自动过期（除非用户手动清除），而 SessionStorage 在回话结束时过期（如关闭浏览器）
- Cookie V.S. Session
  1. Cookie 存在浏览器的文件里，Session 存在服务器的文件里
  2. Session 是基于 Cookie 实现的，具体做法就是把 SessionID 存在 Cookie 里

框架 Vue

必考：watch 和 computed 和 methods 区别是什么？
1. 思路：先翻译单词，再阐述作用，最后强行找不同。
2. 要点：
  1. computed 和 methods 相比，最大区别是 computed 有缓存：如果 computed 属性依赖的属性没有变化，那么 computed 属性就不会重新计算。methods 则是看到一次计算一次。
  2. watch 和 computed 相比，computed 是计算出一个属性（废话），而 watch 则可能是做别的事情（如上报数据）
必考：Vue 有哪些生命周期钩子函数？分别有什么用？
1. 钩子在文档全都有，看红色的字。
2. 把名字翻译一遍就是满分
3. 要特别说明哪个钩子里请求数据，答案是 mounted
必考：Vue 如何实现组件间通信？
1. 父子组件：使用 v-on 通过事件通信
2. 爷孙组件：使用两次 v-on 通过爷爷爸爸通信，爸爸儿子通信实现爷孙通信
3. 任意组件：使用 eventBus = new Vue() 来通信，eventBus.on和eventBus.on和eventBus.emit 是主要 API
4. 任意组件：使用 Vuex 通信
必考：Vue 数据响应式怎么做到的？
1. 答案在文档《深入响应式原理》
2. 要点
  1. 使用 Object.defineProperty 把这些属性全部转为 getter/setter
  2. Vue 不能检测到对象属性的添加或删除，解决方法是手动调用 Vue.set 或者 this.$set
必考：Vue.set 是做什么用的？见上一题
Vuex 你怎么用的？
1. 背下文档第一句：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式
2. 说出核心概念的名字和作用：State/Getter/Mutation/Action/Module
VueRouter 你怎么用的？
1. 背下文档第一句：Vue Router 是 Vue.js 官方的路由管理器。
2. 说出核心概念的名字和作用：History 模式/导航守卫/路由懒加载
3. 说出常用 API：router-link/router-view/this.router.push/this.router.push/this.router.replace/this.$route.params
```
this.$router.push("/user-admin");
this.$route.params;
```
路由守卫是什么？看官方文档的例子，背里面的关键的话

框架 React

必考：受控组件 V.S. 非受控组件
```
 <FInput value={x} onChange={fn}/> 受控组件
 <FInput defaultValue={x} ref={input}/> 非受控组件
```
区别受控组件的状态由开发者维护，非受控组件的状态由组件自身维护（不受开发者控制）
必考：React 有哪些生命周期函数？分别有什么用？（Ajax 请求放在哪个阶段？）

答题思路跟 Vue 的一样
1. 钩子在文档里，蓝色框框里面的都是生命周期钩子
2. 把名字翻译一遍就是满分
3. 要特别说明哪个钩子里请求数据，答案是 componentDidMount
必考：React 如何实现组件间通信？
1. 父子靠 props 传函数
2. 爷孙可以穿两次 props
3. 任意组件用 Redux（也可以自己写一个 eventBus）
必考：shouldComponentUpdate 有什么用？
1. 要点：用于在没有必要更新 UI 的时候返回 false，以提高渲染性能
2. 参考：taobaofed.org/blog/2016/0…
必考：虚拟 DOM 是什么？
1. 要点：虚拟 DOM 就是用来模拟 DOM 的一个对象，这个对象拥有一些重要属性，并且更新 UI 主要就是通过对比（DIFF）旧的虚拟 DOM 树和新的虚拟 DOM 树的区别完成的。
2. 参考：www.alloyteam.com/2015/10/rea…
必考：什么是高阶组件？
1. 要点：文档原话——高阶组件就是一个函数，且该函数接受一个组件作为参数，并返回一个新的组件。
2. 举例：React-Redux 里 connect 就是一个高阶组件，比如 connect(mapState)(MyComponent) 接受组件 MyComponent，返回一个具有状态的新 MyComponent 组件。
React diff 的原理是什么？看你记忆力了：imweb.io/topic/579e3…
必考 Redux 是什么？
1. 背下文档第一句：Redux 是 JavaScript 状态容器，提供可预测化的状态管理。重点是『状态管理』。
2. 说出核心概念的名字和作用：Action/Reducer/Store/单向数据流
3. 说出常用 API：store.dispatch(action)/store.getState()
connect 的原理是什么？ react-redux 库提供的一个 API，connect 的作用是让你把组件和 store 连接起来，产生一个新的组件（connect 是高阶组件）参考：segmentfault.com/a/119000001…

TypeScript

never 类型是什么？不应该出现的类型尤雨溪的答案：www.zhihu.com/question/35…
TypeScript 比起 JavaScript 有什么优点？提供了类型约束，因此更可控、更容易重构、更适合大型项目、更容易维护

Webpack

必考：有哪些常见 loader 和 plugin，你用过哪些？
英语题：loader 和 plugin 的区别是什么？
必考：如何按需加载代码？
必考：如何提高构建速度？
转义出的文件过大怎么办？

上面五题请看这个不错的参考：zhuanlan.zhihu.com/p/44438844

安全

必考：什么是 XSS？如何预防？比较复杂，看我的文章 zhuanlan.zhihu.com/p/22500730
必考：什么是 CSRF？如何预防？比较复杂，看若愚的文章 zhuanlan.zhihu.com/p/22521378

开放题目

必考：你遇到最难的问题是怎样的？要点：一波三折。参考 www.zhihu.com/question/35…
你在团队的突出贡献是什么？把小事说大。
最近在关注什么新技术书、博客、推特、知乎，不要说 CSDN、百度。
有没有看什么源码，看了后有什么记忆深刻的地方，有什么收获看过源码说源码，推荐看 underscore.js 的源码没看过源码就说同事的代码，代码烂就说哪里烂，代码好就说哪里好收获：命名规范、设计模式

刁钻题目

代码
```
[1, 2, 3].map(parseInt);
```
答案
```
 1
 NaN
 NaN
```

代码

 var a = {name: 'a'}
 a.x = a = {}
 问 a.x 是多少？

答案

 undefined

(a ==1 && a== 2 && a==3)

可能为 true 吗？

利用 == 会调用 valueOf() 的特性

var a = {
  value: 1,
  valueOf() {
    return this.value++;
  },
};
a == 1 && a == 2 && a == 3; // true

利用 a 会读取 window.a 的特性

var value = 1;
Object.defineProperty(window, "a", {
  get() {
    return value++;
  },
});
a == 1 && a == 2 && a == 3; // true
// 或者
a === 1 && a === 2 && a === 3; // true

超纲题

JS 垃圾回收机制
1. 看图讲解
  
  javascript.info/garbage-col…
  1. 什么是垃圾
  2. 如何捡垃圾（遍历和计数，只是不同的算法而已）
  3. 前端又有其特殊性（JS 进程和 DOM 进程）
2. 更深入一些的讲解 newhtml.net/v8-garbage-…
Eventloop 说一下
```
setTimeout(function () {
  console.log(4);
}, 0);
new Promise(function (resolve) {
  console.log(1);
  resolve();
  console.log(2);
}).then(function () {
  console.log(5);
});

console.log(3);
```
```
1;
2;
3;
5;
4;
```
1. 肤浅理解：『一会儿』和『尽快』异步任务
2. 详细理解：Eventloop 是个啥？
3. 浏览器有 Eventloop 吗？
4. 每个 API 对应哪个任务队列？
  1. setTimeout
  2. setImmediate（浏览器没有）
  3. process.nextTick（浏览器没有）
  4. MutationObserver（Node 没有）
  5. promise.then
  6. await
5. 这种题目尽量说思路，因为你不可能通过眼睛看出结果（必须画图）
```
async function async1() {
  console.log(1);
  await async2();
  console.log(2);
}
async function async2() {
  console.log(3);
}

async1();

new Promise(function (resolve) {
  console.log(4);
  resolve();
}).then(function () {
  console.log(5);
});
```
```
 1
 3
 4
 2
 5
```
  注意：这一题的答案不唯一，在 Node.js 和 Chrome 的结果不一样，甚至在 Chrome 上也是时而这个答案，时而那个答案。所以还是说思路最重要。

个性化题目

PWA
echarts.js / d3.js
three.js
flutter
SSR

做个 hello world 基本就能应付面试了，如果怕应付不了，就再做个复杂点的。

面试技巧速览

回答话术

1.概念题

2.纯记忆性题目

3.区分题

4.大概念题

5.开放题

题目

技巧

HTML

CSS

原生 JS

DOM

HTTP

框架 Vue

框架 React

TypeScript

Webpack

安全

开放题目

刁钻题目

超纲题

个性化题目

答案

HTML

CSS

原生 JS

DOM

HTTP

框架 Vue

框架 React

TypeScript

Webpack

安全

开放题目

刁钻题目

超纲题

个性化题目