Home软体前后端前后端面试详解前端工程前端工程面试题详解 - 导览2024年1月27日💎 加入 E+ 成長計畫 如果你喜歡我們的內容,歡迎加入 E+,獲得更多深入的軟體前後端內容本系列汇整了常见的前端工程面试题,包含 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)?其他什么是 SPA (Single-Page Application)?有什么优点和缺点?前端图片格式选择,什么时候该用JPG、 PNG、WebP 或 SVG 呢?