大家好，我是若川。最近组织了源码共读活动《1个月，200+人，一起读了4周源码》，已经有超50+人提交了笔记，群里已经有超1200人，感兴趣的可以点此链接扫码加我微信 ruochuan12
本文经作者@lxcan 授权转载，未经授权请勿直接转载。
原文标题：《三年经验前端社招——众安保险》
原文链接：https://zhuanlan.zhihu.com/p/405833115
文末点击阅读原文直达
前言
本人毕业学校是双非二本，非计算机科班出身，大学时自学的前端相关技能。截止2021年8月，有3年前端开发经验，技术栈为 vue 全家桶，求职意向城市是深圳。想着找一个更大的平台寻求发展（技术沉淀、涨薪），所以出来接受社会的毒打了。。。
本文的目的是记录自己的面试经历，各位路过的兄dei也可以参考一下，也让自己有个回顾和反思。路漫漫其修远兮，吾将上下而求索
下面的题目，都会标明每一题的性质，部分题目也会给出一些参考思路和参考回答，希望各位大佬不吝赐教~
描述：对概念、过程的描述，纯理论性问答题为主
举例：说出应用场景，或者是自己团队实践的情况
伪代码：写代码，但不需要跑起来，甚至可以随便写伪代码，主要目的是描述思路
编程：真正的写代码，需要跑起来，有测试用例，要看到效果
HR面的话，是一些日常、项目回顾（少说技术细节）、职业规划、你的优势和缺点、为什么跑路、为什么选择这边、目前薪资和职级、期望薪资，HR面基本离不开这些问题。
一面
1、项目问题：图表组件是怎么封装的？【描述】
2、项目问题：图表数据实时更新是怎么做的？有哪些方案可选择，轮询和 websocket 怎么取舍【描述】
3、首屏加速做了哪些性能优化？【描述】
4、图片资源加载做了什么优化？【描述】【举例】
5、根据手机不同分辨率显示不同分辨率图片，怎么做的？【描述】
6、能否通过 html 标签来控制显示不同分辨率的图片？？？问题记不清了【描述】
7、讲一下 EventLoop 事件循环【描述】
8、哪些是宏任务？哪些是微任务？【举例】
9、事件循环，浏览器环境 和 Node 环境有什么不同吗？【描述】
10、讲一下 Nuxt 服务端渲染的原理【描述】
11、Nuxt 应用，有哪些特殊的生命周期钩子吗【举例】
12、平常使用 Node.js 做过什么业务吗【描述】
13、Nuxt 应用的部署 Node.js 相关问题，接口有使用 Node 来写吗【描述】
14、说一下 Vue 响应式原理【描述】
15、Vue 3 中 Proxy 相对于 Object.defineProperty 有哪些优点？【描述】
16、说一下 CSS 盒模型？什么属性怎么设置【描述】【举例】
17、讲一下 BFC 相关原理，怎么创建 BFC？【描述】
18、你对 Vue 和 React 这两个框架怎么看待？如果要转 React 可以吗【描述】
二面
1、聊过往经历，做的项目，解决了什么问题【描述】
2、聊一聊之前你遇到过印象深刻的一些问题，思路是怎样的，怎么解决的【描述】
3、项目中权限管理是怎么做的【描述】
4、vue 是怎么实现路由懒加载的？除了动态 import 还有其他方式吗？【描述】
5、做过哪些性能优化？怎么提升页面加载速度【描述】
6、webpack 的 loader 和 plugin 有什么区别？【描述】
7、怎么自定义开发一个 loader 或者 plugin？【描述】【举例】
8、什么是 EventLoop ？【描述】
9、vue 里面，数组对象的响应式原理是什么？【描述】
10、怎么覆盖 Array 的原生方法？【描述】
11、前端安全有了解过吗？CSRF 和 XSS 是什么？有对应的解决方案吗？【描述】【举例】
12、描述一下，假如你想用 CSRF 攻击某个网站，你一般怎么做？【描述】
13、CSRF 加验证码，已经经过层层验证了（凭证存在cookie里），最后走到 http://xxx.com/pay 接口，怎么保证接口安全？【描述】 给凭证做加密处理
14、对称加密和非对称加密有什么区别？【描述】
15、怎么看待 React ？如果要转 React 有什么问题【描述】
16、如果给你一个任务，开始的时候你评估需要6天，然后做了3天之后发现需要10-12天才能完成，这时候怎么办？【描述】 暴露风险、寻求帮助、跟产品battle、任务优先级排出来（先上线一部分再做后续排期）
三面
1、长列表怎么优化？【描述】
2、虚拟列表，问细节，页面会不会闪和抖动，具体怎么实现虚拟列表【描述】
3、页面响应式怎么实现？有哪些思路（一套代码兼容移动端 PC端）【描述】
4、做过哪些性能优化？【描述】
5、首屏加载慢怎么优化【描述】
6、前端安全有了解过吗？怎么防止 CSRF 和 XSS【描述】
7、看你之前有带过人，怎么保证项目进度？有什么好的经验吗【描述】
8、你觉得自己有什么优点和缺点【描述】
最后
众安保险，是中国首家互联网保险公司，围绕健康、消费金融、汽车、生活消费、航旅五大生态，提供个性化、定制化、智能化的新保险，深圳办公地点在深圳湾1号T7写字楼。总共4轮面试，3轮技术面+1轮HR面，技术面中有些问题答得还是不够好，所幸都通过了，拿了offer。不管怎样，菜是原罪，还是要继续加油呀~
往期回顾：
三年经验前端社招——朴朴科技
三年经验前端社招——腾讯微保
三年经验前端社招——丰巢科技
三年经验前端社招——慧择网
三年经验前端社招——有赞
三年经验前端社招——Shopee
天生我材必有用，千金散尽还复来
最近组建了一个江西人的前端交流群，如果你是江西人可以加我微信 ruochuan12 私信 江西 拉你进群。
推荐阅读
1个月，200+人，一起读了4周源码
我读源码的经历
老姚浅谈：怎么学JavaScript？
我在阿里招前端，该怎么帮你（可进面试群）
················· 若川简介 ·················
你好，我是若川，毕业于江西高校。现在是一名前端开发“工程师”。写有《学习源码整体架构系列
从2014年起，每年都会写一篇年度总结，已经写了7篇，点击查看年度总结。
同时，最近组织了源码共读活动
识别上方二维码加我微信、拉你进源码共读群
今日话题
略。欢迎分享、收藏、点赞、在看我的公众号文章~
