Home软体前后端前后端面试详解前端工程前端工程面试题详解 - 导览2024年1月27日💎 加入 E+ 成長計畫 與超過 300+ 位軟體工程師一同在社群中成長,並且獲得更多的軟體工程學習資源本系列汇整了常见的前端工程面试题,包含 HTML、CSS、前端工具、前端效能优化 HTML 系列什么是 HTML 语意化?请说明 DOMContentLoaded, load, beforeunload, unload 的触发时机<script> 标签应该放在 HTML 的什么位置?<link> 呢?<script> 的 async 与 defer 有什么不同?CSS 系列请说明 CSS 选择器的优先级CSS 中有哪些单位? 该如何使用?说说你对 CSS 盒模型 (Box Model) 的理解伪类 (pseudo-classes) 和伪元素 (pseudo-elements) 是什么?请解释 CSS position 有什么值和作用?CSS 中 display 的值有什么?有什么差异?CSS 水平垂直置中的方法 (flex, grid)StyleX 是什么? 解决了什么问题? 适用在什么场景?前端工具什么是前端模组化?webpack 中的 loader 和 plugin 的差别是什么?为什么 pnpm 比 npm 更快且更省空间?Vite 是什么? 为什么要用 Vite? 它解决了哪些问题? 又是如何解决?Bun 是什么? 为什么要用 Bun? 它解决了哪些 Node.js 的问题?你很常听到 monorepo,但为什么要用 monorepo?前端效能优化什么是防抖 (debounce)? 如何实践防抖 (debounce) 函式?什么是节流 (throttle)? 如何实践节流 (throttle) 函式?回流 (Reflow) 和重绘 (Repaint) 是什么?以及如何优化?其他什么是 SPA (Single-Page Application)?有什么优点和缺点?前端图片格式选择,什么时候该用JPG、 PNG、WebP 或 SVG 呢?