换工作好长时间了，总结下面试的东西，有用的话戳收藏吧

由于自己是个“铁XX“，总结的不全面，希望体谅 - _ -
废话后面再说，直接贴上粗糙准备的面试知识点吧

js篇

• 图中的蓝框选中的代表代码输出常碰到的
• 红色的则是代码手撕的

说实话可能知识点大家都知道怎么回事，但是碰到代码输出和手撕代码时，可能一个考虑不周就满盘皆输，还是长点心吧。（我可能只是在说我自己）

注意：

• 异步编程、事件循环、promise、async/await、generator/yield这些东西很容易结合在一起揉搓你，包括但不限于代码手撕，分析输出，（比如代码实现Promise，如何并行，那实现一下Promise.all…），反正只要理解透了，那你就是最胖（棒）的
• 跟上技术更新的脚步，Es6+每年都有更新，脚步不要停

html和css篇

说说实话这一块比较基础比较零散，但也是比较容易被
问住的，完全就是知道就是知道，不知道可能完全没用过的情况，因为我相信好多人可能和我之前的工作一样，由于工作需要更侧重于业务功能实现，在html/css这块用的比较少,所以这一块还是需要自己多多积累：

提一下比较常问到的：

• 页面布局
• flex
• 动画
• 浮动、定位
• 性能优化
• 还有就是描述场景，让你口述怎么解决的问题等等

老生常谈之http/https、浏览器渲染、性能优化、跨域、缓存

这一块可以说想要研究的深，那就很底层，想要知道怎么回事，那就比较文案了，自己根据个人实际情况，多找找资料吧

vue、react

这里说一句，如果官方文档仔细学习的话，百分之80相关问到的你都能答上来（新特性都出了好多了，别告诉我你不知道）

• vue
  
  补个个vuex，以及同步异步操作

• react
  

git、webpack、babel、项目经验

这一块可能会搭配在一块，根据项目的实际经验，问问你在实际项目场景中的处理，比较灵活，但也有迹可循

• 相关原理
• webpack打包优化
• 配置
• 项目搭建技术选型
• babel的手写
• 项目中承担的角色，难点攻克（这一块最好可以体现在简历的项目经验中）
• 固定区域无限滚动
• 处理兼容性问题
• 项目权限设计

就我和朋友的经历来看，项目经验这块很重要，这块考验一个人实际解决问题的能力，在平时的工作中，哪怕是天天写业务代码，你也要有自己的思考，这个组件可不可以换一种写法，那个需求是不是可以简化一下，项目里的webpack需不需要升级到最新版，这个问题可不可以造个轮子来一劳永逸地搞定它？无关问题大小，都可以引发思考，实际上，一般情况下也不太可能有什么大问题等着你去解决，大部分情况下都是小问题，但问题再小，解决得多了那也是一种可观的积累，通过这种积累，在团队内部，你就有了可以拿出来说的输出贡献，离开了团队，你也能以此抓住面试官给你的机会

算法数据结构

刷力扣吧

HR

• 离职原因
• 个人规划
• 公司了解
• 其他一些基本信息

和hr聊最好谨慎一点

总之

一句很经验的——多面面就有经验了

重点：很多人基本上和我之前一样，工作都是业务开发，毕业的时候一腔热血，每天打鸡血一般通宵工作也不嫌累，但是久而久之，很容易就疲倦了，变成我们口中的“copy工程师”，就只会搬砖，可能有的人喊着喊着就放弃了，开始安于现状，这是很危险的事情，技术这条路不进则退，只有持续学习才能在技术这条路上越走越远。