前言
写本篇文章的目的，是想记录一下自己这半年多的一个经历，毕竟在这个9月份，我给了自己一个交代，证明这半年多的努力并没有白费，是值得的！
个人背景
- 半路转行
- 3年9个月的工作经验
- 工作的前两年对写代码没有一点兴趣，甚至有些厌烦，但是在上一家公司，领导和同事彻底改变了我对coding的印象，培养出我coding的乐趣，所以说，选对一家适合自己的公司，是多么的重要！
前期准备
- 设立跳槽目标：二线互联网及以上（平台大，技术氛围佳）；
- 心理预期待遇：跟hr谈待遇的时候必须要给自己设立一个底线，防止被唬；
复习范围
项目经验（必问）
1. 最有成就感的项目
2. 使用的技术栈
3. 担任的角色
4. 遇到的挑战，技术难点以及解决方式
5. 项目如何分工，任务合理分配
JS基础：
1. 原型、原型链（极其重要，必问）
2. 闭包（重要）
3. this（重要）
4. 事件循环机制（宏任务、微任务）
5. 作用域、变量提升等概念
es6：
1. class
2. module
3. promise
4. async
5. 装饰器
6. Set、Map
css
1. animate
2. transform
3. 弹性盒模型
4. flex布局
5. 水平垂直居中
6. 清除浮动
7. 三角形实现
8. 移动端一像素问题
React
1. 生命周期
2. key的作用
3. 性能优化
4. 组件通信
5. 高阶组件
6. diff算法
7. hooks（优缺点）
8. react-redux
9. react-router(原理，hash监听，history监听，以及他俩的区别，优缺点)
Vue
1. 响应式原理
2. 双向绑定实现
3. nextTick原理
4. diff算法
5. Vnode实现
6. keep-alive原理
7. 混入原理
8. vuex
小程序
1. 框架原理
2. 性能优化手段
3. uni-app原理
webpack
1. 基本配置
2. 运行原理
3. loader和plugin的原理以及区别
4. 打包/编译优化手段
http协议
1. 状态码
2. 请求头属性含义
3. https
4. 三次握手、四次挥手
5. http2的一些新特性以及优点
npm
1. 包依赖的问题
面试安排
- 由于我还处于在职状态，因此我在boss直聘上集中约了几家公司，放在一起面试，这样请假也方便
- 先安排两三家中小型公司练练手，初步了解一下现在的面试技术体系
- 面完中小公司之后，再安排自己心仪的一些公司（切记：面试过程中如果有的公司不能一天完成面试，有多轮面试，那么一定要给自己的时间留有空档，不然时间就会很紧急，我就吃了这个亏）
面经
得物
1. 小程序中为什么获取不到Dom
2. 小程序中为什不推荐频繁修改data
3. uni-app打包之后还会存在vue实例吗
4. 小程序中的data怎么驱动视图渲染的？
5. 有一个公共的功能需要在每个页面去使用，应该怎么做。（react，vue分别怎么去做）
6. React父组件渲染，子组件一定会渲染吗
7. react和vue在实现原理上有什么差异吗
8. dva与传统的redux有什么好处吗
平安壹钱包
1. React初始渲染和更新阶段的生命周期
2. 长列表渲染如何优化
3. vue的生命周期跟react的生命周期对比
4. 遇到了哪些印象深刻的bug以及处理方式
5. 在项目中使用async-await需要引入什么第三方插件？
6. async-await和generator有什么关联
7. dva的实现原理
8. react的数据流跟vue数据流进行对比
9. JS有哪些数据类型，Symbol的用法
掌门一对一
1. React hooks有什么优点
2. React高阶组件有几种创建方式？有什么区别和优缺点
3. http状态码
4. dva如何封装的redux,有没有action
5. webpack load和plugin的区别
6. 深浅拷贝的区别
7. js为甚单线程，怎么实现异步
8. 302状态码是暂时性的重定向，跟时间有关吗
9. 宏任务和微任务都有哪些，执行顺序
酷家乐
1. react的key为什么循环的时候要去用key标记，不循环的时候不用
2. vue和react的一些区别
3. 异步的报错处理在浏览器中怎么捕获
4. webpack编译打包的优化都有哪些
5. 单页应用项目越来越大，怎样优化
6. 在项目中遇到的挑战和成就
7. es6 class的继承跟es5有什么区别，es6的class被babel编译后的样子
8. react的dom更新比传统的手动更新有什么优势，data如何对应找到相应的dom
9. redux怎么跟react联系起来的
10. npm A依赖B、C两个模块，B、C两个模块依赖H模块，但是他俩依赖的H模块的版本不同，那么安装A模块的时候npm会怎样处理
11. tree-shaking什么时候会生效，什么时候不生效，什么原理，class类如果没用到的话会被打包进去吗
途虎养车
1. React各个阶段的生命周期
2. function组件和class组件的对比
3. React.memo 的作用
4. setState()是同步还是异步，什么情况下是同步执行， 为什么
5. React和vue的对比，区别
6. Vue的响应式原理
7. 给你一个页面，你从哪些方面去着手优化
8. 开发小程序遇到的问题，uniapp是如何去编译成四端的
9. 说说项目中遇到的一些挑战和成就
10. http缓存 304
携程
1. 路由hash和history的区别，优缺点
2. 封装一个node api的promisify()，使node api链式调用
3. 如何调试移动端，vConsole是什么原理
4. B页面引用了A页面的一个变量，当A页面的变量发生变化时，B页面如何监听到并跟随发生变化 ？ （storage的监听）
陆金所
1. cdn资源如何缓存
2. let const var 区别， 什么是变量提升
3. 实现一个bind
4. 写一个方法拍平数组
5. es6继承编译成es5是什么样子
6. 继承的几种方式以及优缺点
7. 路由懒加载的原理
8. 发布订阅模式的实现原理
9. promise实现原理
10. webpack的plugin和loader
11. 做过哪些性能优化
12. exports和export default区别
13. 事件循环机制
微盟
1. 怎样对一个页面进行性能优化，web worker？
2. css：图片根据他的最短边进行裁剪
3. 小程序多开10个页面再就开不了了，怎么解决（https://blog.csdn.net/weixin_33885676/article/details/88923424）
4. a页面有一个变量，b页面引用了该变量，那么b页面怎么监听到a页面变量的变化而跟着变化
5. react-router监听路由变化的原理
6. react diff算法
7. 实现继承的几种方式
8. 小程序怎样对富文本进行渲染，以及对富文本的媒体标签的处理
9. 手写源码防抖，节流实现以及应用场景
10. ‘1234567890’每3个数字用“，”隔开，使用正则
京东
1. rem与em的区别
2. 响应式布局有几种方案
3. css 单行省略与多行省略
4. es6的class编译成es5的样子
5. 手写一个寄生组合继承和原型链继承
6. http2的一些新特性
7. React的一些优化方法
8. React各阶段的生命周期
9. Vue的computed属性原理
10. webpack 的一些优化手段
11. css3的animate属性
达达集团（京东到家）
1. webpack打包生成hash文件，有哪几种hash
2. promise原理 promise.all()
3. 分包优化，optimization
4. 浏览器事件循环，与node的区别
5. react hooks的优缺点
6. 浏览器渲染原理，包括dom树如何解析，cssDom和htmlDom如何结合渲染
7. React fiber原理
8. 动画渲染原理，浏览器渲染帧的定义，什么情况下被认为动画是卡顿的
9. 对requestAnimationFrame，requestIdleCallback的使用以及理解
面试心得
- JS基础要打好，特别是继承，原型，原型链，闭包
- 项目经历一定要提前准备好，要有内容，有概括，有亮点，有自己的贡献
- Vue、React原理一定要看，必问
- 自己没写过的东西一定不要写在简历上，不然被问到答不出来肯定减分
- 遇到不会的问题，一定要说不会，不要乱说，减分
- 明确自己未来的一个发展方向，技术or管理，如果做技术，想好往哪个技术方向深入研究
- 面对一个问题，不要着急回答，要先明确面试官想问的领域方向，组织好答案，这样能更好的体现出自己的逻辑能力
- 如果你英语比较优秀，比如拿到CET6，可以在简历上写明，部分公司比较欣赏
文章推荐
声明： 1. 此处会贴出对面试有帮助的一些文章或者网站，如果有涉及到侵权的问题，请联系进行删除； 2. 如果这些文章对大家有帮助，也希望大家能够给予作者一定的3连肯定哈哈哈；
JS相关
- 冴羽老师： github.com/mqyqingfeng…
React相关
- 魔术师卡颂：react.iamkasong.com/me.html
- fyuanfen: github.com/fyuanfen/no…
- yck：yuchengkai.cn/react/#%E4%…
