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