【202309】快手杭州前端 · 大廠前端面試真題

[1、前端性能優化有哪些？](1%E3%80%81%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E6%9C%89%E5%93%AA%E4%BA%9B%EF%BC%9F.md) [2、包體積優化，你知道的有哪些？](2%E3%80%81%E5%8C%85%E4%BD%93%E7%A7%AF%E4%BC%98%E5%8C%96%EF%BC%8C%E4%BD%A0%E7%9F%A5%E9%81%93%E7%9A%84%E6%9C%89%E5%93%AA%E4%BA%9B%EF%BC%9F.md) [3、Webpack的原理？](3%E3%80%81webpack%E5%8E%9F%E7%90%86%EF%BC%9F.md) [4、Webpack、vite、esbuild的區別？](4%E3%80%81Webpack%E3%80%81vite%E3%80%81esbuild%E7%9A%84%E5%8C%BA%E5%88%AB%EF%BC%9F.md) [5、Split?chunks?的原理？](5%E3%80%81Splitchunks%E7%9A%84%E5%8E%9F%E7%90%86%EF%BC%9F.md) [6、Tree?shaking?的原理？](6%E3%80%81Treeshaking%E7%9A%84%E5%8E%9F%E7%90%86%EF%BC%9F.md) [7、想用?Tree?Shaking?可以有哪些方式？](7%E3%80%81%E6%83%B3%E7%94%A8TreeShaking%E5%8F%AF%E4%BB%A5%E6%9C%89%E5%93%AA%E4%BA%9B%E6%96%B9%E5%BC%8F%EF%BC%9F.md) [8、所有?ES6?寫的都可以用?Tree?Shaking?嗎？](8%E3%80%81%E6%89%80%E6%9C%89ES6%E5%86%99%E7%9A%84%E9%83%BD%E5%8F%AF%E4%BB%A5%E7%94%A8TreeShaking%E5%90%97%EF%BC%9F.md) [9、Tree?Shaking?有哪些限制？](9%E3%80%81TreeShaking%E6%9C%89%E5%93%AA%E4%BA%9B%E9%99%90%E5%88%B6%EF%BC%9F.md) [10、如果一個導入依賴另一個依賴?另一個依賴被?tree-shaking?掉了怎么辦，?CSS?引用復雜，CSS?沒打進去怎么辦？](10%E3%80%81%E5%A6%82%E6%9E%9C%E6%88%91%E4%B8%80%E4%B8%AA%E5%AF%BC%E5%85%A5%E4%BE%9D%E8%B5%96%E5%8F%A6%E4%B8%80%E4%B8%AA%E4%BE%9D%E8%B5%96%E5%8F%A6%E4%B8%80%E4%B8%AA%E4%BE%9D%E8%B5%96%E8%A2%ABtree-shaking%E6%8E%89%E4%BA%86%E6%80%8E%E4%B9%88%E5%8A%9E%EF%BC%8CCSS%E5%BC%95%E7%94%A8%E5%A4%8D%E6%9D%82%EF%BC%8CCSS%E6%B2%A1%E6%89%93%E8%BF%9B%E5%8E%BB%E6%80%8E%E4%B9%88%E5%8A%9E%EF%BC%9F.md) [11、微前端了解嗎？](11%E3%80%81%E5%BE%AE%E5%89%8D%E7%AB%AF%E4%BA%86%E8%A7%A3%E5%90%97%EF%BC%9F.md) [12、為什么需要微前端？](12%E3%80%81%E4%B8%BA%E4%BB%80%E4%B9%88%E9%9C%80%E8%A6%81%E5%BE%AE%E5%89%8D%E7%AB%AF%EF%BC%9F.md) [13、各種微前端的原理是什么？](13%E3%80%81%E5%90%84%E7%A7%8D%E5%BE%AE%E5%89%8D%E7%AB%AF%E7%9A%84%E5%8E%9F%E7%90%86%E6%98%AF%E4%BB%80%E4%B9%88%EF%BC%9F.md) [14、JS?全局隔離怎么做？](14%E3%80%81JS%E5%85%A8%E5%B1%80%E9%9A%94%E7%A6%BB%E6%80%8E%E4%B9%88%E5%81%9A%EF%BC%9F.md) [15、Webpack?的聯邦模塊要先加載?container，在去取?remotes，有性能浪費，能不能直接將主應用和子應用（remotes）同時加載，應該怎么做？](15%E3%80%81Webpack%E7%9A%84%E8%81%94%E9%82%A6%E6%A8%A1%E5%9D%97%E8%A6%81%E5%85%88%E5%8A%A0%E8%BD%BDcontainer%EF%BC%8C%E5%9C%A8%E5%8E%BB%E5%8F%96remotes%EF%BC%8C%E6%9C%89%E6%80%A7%E8%83%BD%E6%B5%AA%E8%B4%B9%EF%BC%8C%E8%83%BD%E4%B8%8D%E8%83%BD%E7%9B%B4%E6%8E%A5%E5%B0%86%E4%B8%BB%E5%BA%94%E7%94%A8%E5%92%8C%E5%AD%90%E5%BA%94%E7%94%A8%EF%BC%88remotes%EF%BC%89%E5%90%8C%E6%97%B6%E5%8A%A0%E8%BD%BD%EF%BC%8C%E5%BA%94%E8%AF%A5%E6%80%8E%E4%B9%88%E5%81%9A%EF%BC%9F.md) [16、鑒權為什么要存?token？](16%E3%80%81%E9%89%B4%E6%9D%83%E4%B8%BA%E4%BB%80%E4%B9%88%E8%A6%81%E5%AD%98token%EF%BC%9F.md) [17、webworker?解決什么問題？](17%E3%80%81webworker%E8%A7%A3%E5%86%B3%E4%BB%80%E4%B9%88%E9%97%AE%E9%A2%98%EF%BC%9F.md) [18、Token?和?cookie?ssession?方案？](18%E3%80%81Token%E5%92%8Ccookiessession%E6%96%B9%E6%A1%88%EF%BC%9F.md)