【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)