前端面试题

HTML 

1. 你是如何理解 HTML 语义化的？

2. meta viewport 是做什么用的，怎么写？

3. canvas 元素是干什么的？

CSS 

1. 说说盒模型。

2. css reset 和 normalize.css 有什么区别？

3. 如何居中？

4. 选择器优先级如何确定？

5. BFC 是什么？

6. 如何清除浮动？

JS 

1. JS 有哪些数据类型？

2. Promise 怎么使用？

3. AJAX 手写一下？

4. 闭包是什么？

5. 这段代码里的 this 是什么？

6. 什么是立即执行函数？使用立即执行函数的目的是什么？

7. async/await 语法了解吗？目的是什么？

8. 如何实现深拷贝？

9. 如何实现数组去重？

10. 如何用正则实现 string.trim() ？

11. JS 原型是什么？

12. ES 6 中的 class 了解吗？

13. JS 如何实现继承？

14. == 相关题目

15. call 、apply 和 bind 的用法和区别是什么？

DOM

1. DOM 事件模型是什么？

2. 移动端的触摸事件了解吗？

3. 事件委托是什么？有什么好处？

HTTP

1. HTTP 状态码知道哪些？

2. 301 和 302 的区别是什么？

3. HTTP 缓存怎么做？

4. Cache-Control 和 Etag 的区别是什么？

5. Cookie 是什么？Session 是什么？

6. LocalStorage 和 Cookie 的区别是什么？

7. GET 和 POST 的区别是什么？

8. 怎么跨域？JSONP 是什么？CORS 是什么？postMessage 是什么？

Vue

1. Vue 有哪些生命周期钩子函数？

2. Vue 如何实现组件通信？

3. Vuex 的作用是什么？

4. VueRouter 路由是什么？

5. Vue 的双向绑定是如何实现的？有什么缺点？

6. Computed 计算属性的用法？跟 Methods 的区别。

算法

1. 排序算法（背诵冒泡排序、选择排序、计数排序、快速排序、插入排序、归并排序）

2. 二分查找法

3. 翻转二叉树

把上面三个背一下，算法题必过。

网站安全

1. 什么是 XSS 攻击？如何预防？

2. 什么是 CSRF 攻击？如何预防？

webpack打包

1. 转译出的文件过大怎么办？

2. 转译速度慢怎么办？

3. 写过 webpack loader 吗？

其他

1. 从输入 URL 到页面展现中间发生了什么？

2. 你没有工作经历吗？

3. 你遇到过最难的问题是什么？

4. 你的期望薪资是多少？

5. （任何你不会的问题）

承认不会

询问详细细节：你问的是不是XXX方面的知识？请问你想问的是哪方面知识？

根据面试官的回答，向有利于自己的方向引导话题。

笔试题

1. [1,2,3].map(parseInt) 输出什么？

2. a = {n:1}; a.x = a = {} 问 a.x 的值是什么？

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

来源：前端学习指南

链接：https://zhuanlan.zhihu.com/p/34536462