大家好，我是若川。最近組織了源碼共讀活動《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篇，點擊查看年度總結。
同時，最近組織了源碼共讀活動
識別上方二維碼加我微信、拉你進源碼共讀群
今日話題
略。歡迎分享、收藏、點贊、在看我的公眾號文章~
保護試題9)
