2020面试准备集合

先列题目，而后加答案。

JS

1. Eventloop
2. js为何要实现成单线程的，有什么好处？
3. 进程线程的区别
4. 闭包的含义、原理、优缺点、使用场景、如何回收
5. JS数据类型有哪些，怎么作类型判断？
6. 类型转换有哪些？
7. 执行上下文
8. new操做符作了什么
9. 解释构造函数、对象、原型链之间的关系
10. 继承的几种方式以及优缺点
11. 实现原型式继承
12. 实现构造函数继承
13. 面向对象的属性
14. 设计模式有哪些，项目中使用到哪些
15. 浏览器事件有哪些过程? 为何通常在冒泡阶段, 而不是在捕获阶段注册监听? addEventListener 参数分别是什么 ?
16. new String('a') 和 'a' 是同样的么?
17. js中的装箱和拆箱了解吗？
18. 节流与防抖原理
19. 面向对象和非面向对象有什么区别？
20. 高阶函数是什么，怎么去写一个高阶函数
21. 为何reducer要是个纯函数，纯函数是什么？
22. 简单说一下PWA
23. call/apply/bind原理实现
24. 操做dom有哪些方法？
25. 怎么用原生js实现一个轮播图，以及滚动滑动？
26. 怎么实现上传下载的功能？
27. Map有哪些方法？
28. 知不知道伪数组对象？
29. 如何用原生JS来读写Cookie？
30. 本地存储
31. PWA
32. 简述自定义事件实现方法
33. parseInt() 和 array 的 map 方法的参数
34. JSON 对象的深度克隆
35. objec.freeze和Object.seal的区别
36. 编写函数 convert(money) ，传入金额，将金额转换为千分位表示法
37. js浮点数运算不精确，如何解决
38. 实现函数的柯里化
39. 前端存储方式，以及它们之间的优缺点
40. 怎么从十万个节点中找到想要的节点，怎么快速在某个节点前插入一个节点？
41. 如何找到一个字符串中最长的两个字符串？
42. 正则用过吗？exec, 匹配一个手机号？去空格？
43. 给你一亿个数，是连续的，怎么找出两个不存在的数
44. 怎么实现一个sleep ，手写一个promise
45. 作一个表格，一分钟刷新一次，怎么实现
46. 有了解WebWorker的实现原理吗，私下有实践过吗
47. 平时作项目有没有考虑过内存的问题？怎么解决的？
48. 异步处理的方案有哪些？
49. 模块化的演化过程？
50. 模块化介绍一下，什么是编译时优化？
51. 怎么打断点，如何肯定一个结果来自于哪一个函数

数组

1. Array的unshift() method的做用是什么？如何链接两个Array？如何在Array里移除一个元素？
2. 数组去重
3. 数组乱序
4. 有哪些排序算法，时间复杂度是多少？何时快排的效率最低？
5. 改变数组和不改变数组的方法分别是哪些？
6. 给定一个数组和一个正整数N，求一个和小于N的最长连续子数组
7. 给定两个有序数组，合并为一个有序数组。不准使用 js 的 concat 和 sort 方法
8. sort()的原理
9. 不产生新数组，删除数组里的重复元素
10. 冒泡排序和快速排序的区别

ES6

1. Promise的原理
2. ES6 module
3. 谈一下generator函数
4. 说一下对async和await的理解
5. Map有哪些方法？
6. 箭头函数，this指向
7. 扩展符的做用
8. 新增数据类型有哪些？
9. 新增的数据结构有哪些？
10. ES6 里 let 和 var 的区别
11. 解释ES6的暂时性死区

http

1. 讲一下AJAX Request
2. 跨域
3. 页面加载的过程（输入URL后发生了什么？）
4. TCP三次握手和四次挥手，拥塞控制
5. TCP和UDP的区别
6. HTTP请求头和响应头都有些什么字段？
7. SSL加密原理
8. HTTP/HTTPS/HTTP2有什么区别？
9. HTTP2的优点
10. HTTP 里的304状态码了解吗？100和307？
11. 进程通讯，有名和匿名管道
12. 浏览器缓存
13. cookie、session、token的区别？
14. 若是浏览器关闭了再打开, 请求仍是from cache吗?
15. Service Worker 了解过么?
16. 为何用 token 就能够防止 csrf 攻击?
17. token 的刷新机制是怎么样的， 为何这么设置？
18. 静态文件的浏览器缓存如何实现
19. method有哪些方法，分别是什么意思？post和put的区别？post与get的区别？
20. Ajax 底层实现，readystate 有哪些
21. 怎么实现标签页的通讯
22. OSI七层模型
23. 反向代理知道么，Nginx
24. 有没有了解过CDN
25. 怎么实现标签页的通讯

框架

1. vue响应式原理
2. vuex原理
3. 组件间的通讯方式及原理
4. MVC和MVVM了解吗？有什么区别？
5. Vue是怎么实现对数组变化的检测的
6. key的做用是什么？
7. jsx的原理
8. Virtual DOM 和 diff 算法
9. 脚手架作了什么功能？
10. vue-router原理
11. Vue 里 v-if 和 v-show 的区别
12. react生命周期
13. react hook 相比较 class, 哪些不太容易实现?
14. react 怎么作优化？
15. 聊一下高阶组件 hoc
16. 聊一聊组件设计, 领域模型
17. redux原理
18. setState 更新机制
19. fiber架构
20. react hook 原理
21. 原生事件和 React事件的区别
22. 高阶组件(HOC), Mixin, hook 对比和用处.
23. webpack打包流程
24. webpack如何处理图片、 CSS 文件？
25. webpack作了什么优化？
26. webpack热更新原理
27. webpack 底层 Tapable 原理
28. webpack 如何实现异步加载
29. babel原理
30. transform-runtime有什么做用？
31. babel-runtime和babel-polyfill的做用和区别
32. babel 如何将字符串解析成 AST ?
33. 讲一下AST 语法树
34. webpack 和 gulp的对比
35. node事件循环
36. node架构中的容灾
37. node 的多线程，高并发，安全
38. 谈一下stream
39. pm2原理
40. 有没有读过 egg 源码
41. 小程序跟 h5 的区别是什么? [小程序底层实现]
42. 讲一下 taro 小程序的底层原理，跟 mpvue 的区别 [AST, babel
43. SPA 项目如何监控 pv, uv 值
44. 聊一下 axios .有什么优势, 跟 fetch, ajax对比
45. axios 为何既能够在浏览器发请求,又能够在node层发请求?
46. 客户端渲染和服务端渲染的区别

监控

1. 如何处理项目的异常
2. error 怎么捕获?
3. SPA 项目如何监控 pv, uv 值?
4. 如何在用户刷新、跳转、关闭浏览器时向服务端发送统计的数据？
5. 错误日志上报遇到的问题.
6. 负载均衡方式和容错机制
7. 怎么计算在一个页面上的停留时间

移动端

1. 移动端如何优化首页白屏时间过长 ?
2. 移动端优化方式? 离线包是如何实现的?
3. 有几种webview?
4. webview和native的交互方式有哪些？
5. 怎么排查交互中的错误？
6. 浏览器内核有哪些，移动端用的是哪一个？
7. 移动端页面适配解决方案

安全

1. 前端安全方面有没有了解？XSS和CSRF如何攻防?
2. sql 注入知道么?
3. 爬虫与反爬虫

其余

1. 文件指纹怎么生成？
2. npx是什么？
3. 说一下对 package.json 的理解,它都有哪些做用?
4. webgl用过吗？
5. svg和canvas的区别
6. git push -u 是什么意思
7. git rebase解释下，git merge 和git rebase区别
8. 能写一个二叉树么，怎么去遍历
9. 伪类知道吗，有哪些？
10. Xhtml和html的区别？
11. 二维码怎么工做的，扫描pc端的二维码，怎么让pc端登陆？
12. 怎么作一个实时的聊天系统
13. 当消息有延迟的时候，怎么保证消息的正确顺序？
14. Mysql的基本写法
15. mysql的索引用的什么
16. mySql和noSQL区别
17. meta标签
18. em,rem,px的区别
19. 简述动画写法
20. 维护的公共组件须要发布大更新, 如何作?
21. 聊一下微服务serverless？
22. 微前端了解吗？
23. 可视化表单了解过么?
24. typeScript了解过吗？
25. 平时处理过什么兼容性？