前端刷题

Web Components 是浏览器原生支持的 Web 标准，允许开发者创建可重用、封装的自定义 HTML 元素。这些元素具有跨框架兼容性，可以无缝集成到原生 HTML、React、Vue 和 An

在现代前端开发中，信号（Signal） 是一种用于管理和响应状态变化的机制，当信号的值发生变化时所有依赖于该信号的部分将自动重新计算或重新渲染，从而实现高效的 UI 更新。随着响应式编程理念的普及，越

虽然很多后端同学会调侃自己的工作是 CURD，但最让后端同学方案的工作可能是没完没了为前端包接口，某个接口已经为 App 写了，但 Web 上增删了一些字段，改了一下结构就要重写一个新接口，确实没什么

JavaScript 通常处理的是文本数据，但在更复杂的应用中处理二进制数据（图像、音频、视频等）变得尤为重要。JavaScript 提供了一系列 API 来创建、操作和处理这些二进制数据： Blob

Service Worker 是一种运行在 Web 应用后台的脚本，可以拦截和控制网络请求，充当 Web 应用与浏览器网络的代理服务器，可以实现 Web 应用离线访问、资源预载、智能缓存、资源更新、后

shadcn/ui 和传统 UI 组件库最大的区别是 shadcn/ui 不通过 npm 分发使用，而是创建源码文件到你的项目本地，然后自由修改使用。正如官网中解释的那样：Pick the compo

规范类问题 无意义的 commit message 建议所有同学了解一下看看 commit message 规范，并且为项目配置 commit lint，感受一下两个项目 无用和缺省的依赖 使用 de

前言 做过海外业务同学肯定对 RTL（ Right-To-Left）有所了解，阿拉伯语、希伯来语的的文字书写是从右到左的，为了确保页面在所有语种下需要对 RTL 做好适配工作，我们知道通过 dir 属

说到性能优化前端同学肯定对雅虎军规特别熟悉，虽然随着网络技术的发展有些规则已经不合时宜，但其核心思想仍然在指导大部分 Web 开发者对页面进行性能优化 尽快建连（使用 CDN、预加载、减少 DNS 查

允许在子组件完成加载前展示备选方案（fallback），子组件有两种准备状态 组件代码没有 ready：Suspense 支持组件懒加载中演示了 Suspense 和 React.lazy 配合支持组

模块按需加载又称为懒加载，是在在需要时才加载模块，而不是在应用程序的初始加载时加载所有模块，通过按需加载，可以减少初始加载时需要下载的 JavaScript 文件的大小，从而加快页面加载速度 然而 w

Redux 和 Zustand 都使用 Store 模式，而且两者目前在 npm trends 中也处于领先 通过一个 Todo 的 demo 演示下两者在 Store 模式下如何管理状态数据

Redux、Zustand、Mobx、Valtio、Recoil、jotai、XState 这么多状态管理怎么选？它们有什么共性和不同

React 借鉴了许多函数式编程的理念，使得它在构建复杂用户界面时能够保持代码的简洁、可维护和可测试性。函数式编程在很大程度上依赖于纯函数 纯函数（Pure Function）是指在计算机科学和函数式

当希望组件“记住”某些信息，但又不想让这些信息触发新的渲染时，可以使用 ref ref.current 属性可以访问该 ref 的当前值，当 ref.current 被修改时不会触发组件的重新渲染，但

useReducer 是 React 提供的一个 Hook，通常用来管理复杂状态逻辑，它是 Redux 等状态管理库的简化版本，可以在不借助外部库的情况下管理复杂的本地状态。相比于 useState，

数据驱动 UI React 被描述为“数据驱动 UI”，这一理念的核心在于视图（UI）是由数据状态决定的。换句话说，组件的呈现（即其返回的 JSX）是其当前数据状态的直接结果。当数据改变时，React

但受限于固有的浏览器兼容思维，很多前端老手可能在日常开发中对 CSS 新特性用的不多，随着 IE11 都已经是小众浏览器后，可以大胆用起来了，尤其是在准备面试的各位

前端 Bundler，即前端打包工具，webpack、Rspack、Turbopack、SWCPack、Vite、ESBuild、Rollup... 这么多 bundler 怎么选

大部分 HTML 标签都是可以互相嵌套使用的，但为了确保文档结构的正确性和语义的清晰性，某些标签有特定的嵌套规则，违反这些规则刘然浏览器会尝试自动修复，但可能会导致非开发者预期的页面渲染错误或意想不到