阿裡前端一面記錄

阿裡前端一面面經，複盤學習，資料庫方面偏弱。

1自我介紹

2項目挑戰點？哪裡做的不順利？做項目的想法？

3項目優化點？哪裡地方可以優化？

答：首屏加載——減少http請求、緩存、dom操作加入節流、代碼規範（css不要嵌套太多層級）、路由圖檔懶加載

4webpack熟悉的一些插件plugin？

答：tree-shaking（去除導入但未使用的子產品）、gzip（壓縮重複代碼）

未答上：5，點贊收藏有上萬人同時進行，資料表如何設計才合适？一張文章表，存放文章點贊和收藏，每有一個人進行點贊，資料庫就要改一下，怎麼優化？

答：後端定義一個全局變量，每有一次請求就加一，定時三秒後修改資料庫，修改完資料庫後把這個變量重指派為0。

6.權限控制？每個使用者有不同的權限，根據不同的權限展示不同的界面？

答：前端權限配置設定，單獨設定一個資料表，存放每個使用者的權限，登入後根據表顯示。

7，再次問優化，項目中優化一定要理清楚，多個角度，如webpack配置的優化、網絡上的優化、寫代碼中的優化等等。

未答上：8.npm link可以對npm包釋出前進行一次生産測試

9.vue2、vue3雙向綁定有什麼差別？

答：object.definedproperty和proxy。

10.v-if實作原理？

答：節點的添加和删除。

11.vue中的性能優化手段。 ***優化再次被問到

答：v-if和v-show的選擇、圖檔路由懶加載、計算屬性有緩存多用computed、v-for中不用v-if。

12.vue-router的路由模式？

答：hash、history。

13.哪些專業課？擅長？

答：網絡。

14.三次握手和四次揮手？

未答上：15.node事件隊列？

未答上：16.深拷貝？循環引用如何解決？

答：使用map.has進行判斷，map.get進行處理

17.flex：1代表了什麼意思，幾種屬性？

18.css定位有哪些方式？

19.反問

部門的技術棧？ -> react，偏向電商業務

哪些缺點？-> 基礎還可以，項目需要深入的思考，想象到大型項目業務場景

資料庫的優化需要了解，mongodb的優化手段？

總結：項目中某些場景需深入思考，想象大平台多使用者的優化，增強後端知識

繼續努力吧