前端八股文
📁 第一部分：HTML 篇 · 结构的学问
- 📄 script 的 defer 和 async 到底啥区别？
- 📄 什么是语义化标签？为什么 div 泛滥是原罪？
- 📄 src 和 href，一个替换，一个链接
- 📄 DOCTYPE 是干嘛的？没有会怎样？
- 📄 meta 标签有哪些“面试专用”属性？
- 📄 HTML5 有哪些新特性？
- 📄 canvas 和 svg 的区别是什么？
- 📄 HTML 全局属性（global attributes）有哪些？
- 📄 data-* 属性的作用是什么？
- 📄 img 的 srcset 和 sizes 属性是做什么用的？
- 📄 什么是 HTML 的 contenteditable 属性？
- 📄 iframe 有哪些优缺点？
- 📄 script, style, link 标签通常放在哪里？为什么？
- 📄 meta 标签的 charset 属性为什么通常写在最前面？
- 📄 table 标签有哪些相关的语义化标签？
- 📄 form 标签中 enctype 属性有哪些值？分别用于什么场景？
- 📄 label 标签的 for 属性有什么作用？
- 📄 picture 标签的作用是什么？
- 📄 template 标签是做什么用的？
- 📄 HTML 中的 defer、async、preload、prefetch 有什么区别？
📁 第二部分：CSS 篇 · 布局的艺术
- 📄 CSS 盒模型，标准和 IE 模式有什么区别？
- 📄 如何实现元素的水平垂直居中？说出至少三种方法。
- 📄 display: none 和 visibility: hidden 有什么区别？
- 📄 position 属性有哪些值？分别有什么特点？
- 📄 Flex 布局中，justify-content 和 align-items 有什么区别？
- 📄 CSS 选择器的优先级是如何计算的？!important 的作用是什么？
- 📄 什么是重绘（Repaint）和重排（Reflow）？如何减少重排？
- 📄 请解释 BFC（Block Formatting Context）是什么？如何触发 BFC？
- 📄 CSS3 有哪些新特性？请列举几个常用的。
- 📄 如何实现一个三角形？
- 📄 如何实现响应式布局？有哪些方法？
- 📄 请解释 CSS 中的伪类和伪元素，并举例说明。
- 📄 CSS 中的单位有哪些？px、em、rem、vw/vh 有什么区别？
- 📄 如何实现多行文本的溢出显示省略号？
- 📄 如何实现一个自适应正方形？
- 📄 如何实现 CSS 动画？animation 和 transition 有什么区别？
- 📄 如何实现一个两栏布局，左侧固定宽度，右侧自适应？
- 📄 如何实现一个三栏布局，左右固定宽度，中间自适应？
- 📄 如何清除浮动？有哪些方法？
- 📄 CSS 中的 z-index 是如何工作的？
📁 第三部分：JavaScript 篇 · 语言的灵魂
- 📄 var、let、const的区别
- 📄 箭头函数与普通函数的区别
- 📄 Promise的原理和使用方法
- 📄 async/await的实现原理
- 📄 事件循环机制（Event Loop）
- 📄 宏任务和微任务的区别
- 📄 闭包的概念和应用场景
- 📄 作用域链的理解
- 📄 this的指向问题
- 📄 原型和原型链
- 📄 继承的多种实现方式
- 📄 深拷贝和浅拷贝
- 📄 防抖和节流的实现
- 📄 柯里化的实现
- 📄 函数式编程的概念
- 📄 模块化的实现方式
- 📄 ES6 Module和CommonJS的区别
- 📄 Proxy和Reflect的使用
- 📄 Symbol类型的特性
- 📄 Set、Map、WeakSet、WeakMap的区别
- 📄 迭代器和生成器
- 📄 解构赋值的用法
- 📄 扩展运算符的应用
- 📄 数组的常用方法（map、filter、reduce等）
- 📄 对象的扩展方法
- 📄 字符串的扩展方法
- 📄 数值的扩展方法
- 📄 数组扁平化的实现
- 📄 数组去重的多种方法
- 📄 类型判断的多种方式
- 📄 类型转换的规则
- 📄 ==和===的区别
- 📄 可选链操作符（?.）
- 📄 空值合并操作符（??）
- 📄 动态import的使用
- 📄 BigInt类型的特性
- 📄 全局对象globalThis
- 📄 Promise.all、Promise.race、Promise.allSettled的区别
- 📄 异步迭代器
- 📄 顶层await的使用
- 📄 类的静态方法和实例方法
- 📄 私有字段和私有方法
- 📄 装饰器的使用
- 📄 尾调用优化
- 📄 内存泄漏的识别和避免
- 📄 垃圾回收机制
- 📄 严格模式的特点
- 📄 函数参数的默认值
- 📄 rest参数的使用
- 📄 标签模板字符串
- 📄 ArrayBuffer和TypedArray
- 📄 数据劫持的实现方式
- 📄 观察者模式和发布订阅模式
- 📄 设计模式在前端的应用
- 📄 性能优化的方法
- 📄 内存管理的技巧
- 📄 错误处理和异常捕获
- 📄 正则表达式的高级用法
- 📄 Date对象的新API
- 📄 Internationalization API
- 📄 Web Worker的使用
- 📄 SharedArrayBuffer的使用
- 📄 Atomics对象的作用
- 📄 可选catch绑定
- 📄 JSON超集概念
- 📄 String.prototype.matchAll
- 📄 动态import()
- 📄 import.meta对象
- 📄 类的public、private、static字段
- 📄 逻辑赋值运算符
- 📄 数字分隔符
- 📄 Promise.any()
- 📄 WeakRef和FinalizationRegistry
- 📄 顶层await
- 📄 数组的findLast和findLastIndex
- 📄 对象的hasOwn方法
- 📄 错误原因链
- 📄 Array.prototype.at()
- 📄 String.prototype.at()
- 📄 Object.hasOwn()
- 📄 正则表达式匹配索引
- 📄 类的静态初始化块
- 📄 错误cause属性
- 📄 Array.prototype.groupBy
- 📄 新的数据结构Record和Tuple
- 📄 管道操作符
- 📄 模式匹配
- 📄 装饰器元数据
- 📄 显示资源管理
📁 第四部分：TypeScript 篇 · 类型的安全感
- 📄 TypeScript与JavaScript区别
- 📄 TypeScript原始类型有哪些
- 📄 any、unknown、never区别
- 📄 interface和type区别
- 📄 什么是泛型
- 📄 泛型约束怎么做
- 📄 类型别名是什么
- 📄 字符串字面量类型
- 📄 如何定义函数类型
- 📄 枚举类型有哪几种
- 📄 类型推断是什么
- 📄 类型断言是什么
- 📄 TypeScript模块是什么
- 📄 命名空间是什么
- 📄 装饰器是什么
- 📄 类成员的访问修饰符
- 📄 抽象类是什么
- 📄 接口继承与类实现
- 📄 联合类型与交叉类型
- 📄 类型保护有哪些方式
- 📄 keyof运算符作用
- 📄 映射类型是什么
- 📄 条件类型是什么
- 📄 infer关键字作用
- 📄 声明文件是什么
- 📄 模块解析策略
📁 第五部分：Vue 篇 · 渐进式的浪漫
- 📄 Vue2与Vue3区别
- 📄 Vue3响应式原理
- 📄 Composition API优势
- 📄 Options API特点
- 📄 生命周期钩子函数
- 📄 setup函数作用
- 📄 ref和reactive区别
- 📄 computed用法
- 📄 watch和watchEffect
- 📄 组件通信方式
- 📄 props传递数据
- 📄 emit触发事件
- 📄 provide和inject
- 📄 事件总线用法
- 📄 插槽slot类型
- 📄 动态组件用法
- 📄 异步组件实现
- 📄 keep-alive作用
- 📄 自定义指令实现
- 📄 混入mixin使用
- 📄 过滤器filters
- 📄 路由守卫类型
- 📄 Vuex核心概念
- 📄 Pinia特点优势
- 📄 nextTick原理
- 📄 v-model实现原理
- 📄 v-if和v-show
- 📄 列表渲染key作用
- 📄 模板编译过程
- 📄 虚拟DOM原理
- 📄 Diff算法优化
- 📄 服务端渲染SSR
📁 第六部分：React 篇 · 声明式的哲学
- 📄 React组件生命周期
- 📄 虚拟DOM原理
- 📄 Diff算法机制
- 📄 JSX语法本质
- 📄 组件通信方式
- 📄 props和state区别
- 📄 setState同步异步
- 📄 受控组件非受控
- 📄 React事件机制
- 📄 合成事件原理
- 📄 React Hooks原理
- 📄 useState用法
- 📄 useEffect用法
- 📄 useCallback作用
- 📄 useMemo优化
- 📄 useContext用法
- 📄 useRef使用场景
- 📄 自定义Hook实现
- 📄 高阶组件HOC
- 📄 渲染属性Render Props
- 📄 React性能优化
- 📄 组件懒加载
- 📄 错误边界处理
- 📄 React Router原理
- 📄 路由传参方式
- 📄 Redux三大原则
- 📄 Redux工作流程
- 📄 React-Redux原理
- 📄 中间件机制
- 📄 Mobx vs Redux
- 📄 Context API使用
- 📄 Portal传送门
- 📄 React Fiber架构
- 📄 并发模式特性
- 📄 Suspense原理
- 📄 服务端渲染SSR
- 📄 Next.js特点
- 📄 React测试方案
- 📄 组件设计原则
- 📄 React18新特性
📁 第七部分：Node.js 篇 · 前端的后端梦
- 📄 Node.js单线程模型
- 📄 事件循环机制
- 📄 非阻塞I/O原理
- 📄 CommonJS模块规范
- 📄 require加载机制
- 📄 module.exports用法
- 📄 ES Module支持
- 📄 中间件工作原理
- 📄 Express框架特点
- 📄 Koa洋葱模型
- 📄 路由处理机制
- 📄 静态资源服务
- 📄 文件系统操作
- 📄 流Stream应用
- 📄 Buffer数据类型
- 📄 进程process对象
- 📄 集群cluster模块
- 📄 子进程child_process
- 📄 事件触发器EventEmitter
- 📄 错误处理机制
- 📄 异步编程方案
- 📄 Promise异步处理
- 📄 async/await用法
- 📄 定时器setTimeout
- 📄 setImmediate原理
- 📄 process.nextTick
- 📄 内存管理机制
- 📄 垃圾回收策略
- 📄 性能优化方法
- 📄 调试工具使用
- 📄 单元测试方案
- 📄 安全防护措施
- 📄 身份认证实现
- 📄 JWT令牌机制
- 📄 数据库连接池
- 📄 RESTful API设计
- 📄 WebSocket应用
- 📄 微服务架构
- 📄 Docker容器化
- 📄 部署上线流程
📁 第八部分：工程化篇 · 程序员的工业化
- 📄 Webpack打包原理
- 📄 Loader和Plugin区别
- 📄 常见Loader有哪些
- 📄 常见Plugin有哪些
- 📄 打包优化策略
- 📄 代码分割方案
- 📄 Tree Shaking原理
- 📄 热更新HMR原理
- 📄 Vite为什么快
- 📄 Esbuild原理
- 📄 Rollup特点
- 📄 Babel转译原理
- 📄 Polyfill作用
- 📄 模块化方案
- 📄 打包体积优化
- 📄 打包速度优化
- 📄 静态资源处理
- 📄 环境变量配置
- 📄 多页面配置
- 📄 微前端方案
- 📄 模块联邦原理
- 📄 ESLint配置
- 📄 Prettier配置
- 📄 Husky钩子
- 📄 Git工作流
- 📄 CI/CD流程
- 📄 Docker容器化
- 📄 镜像构建优化
- 📄 部署策略
- 📄 监控方案
- 📄 性能分析工具
- 📄 缓存策略
- 📄 CDN加速原理
- 📄 压缩优化方案
- 📄 Source Map原理
- 📄 跨平台打包
- 📄 PWA配置
- 📄 安全防护措施
- 📄 依赖管理策略
- 📄 自动化测试方案
📁 第九部分：综合与陷阱篇 · 面试官的小心思
- 📄 跨域解决方案
- 📄 JSONP原理
- 📄 CORS配置
- 📄 XSS攻击防御
- 📄 CSRF攻击防御
- 📄 点击劫持防护
- 📄 首屏加载优化
- 📄 白屏时间优化
- 📄 性能监控指标
- 📄 内存泄漏排查
- 📄 页面卡顿优化
- 📄 大数据渲染
- 📄 图片优化方案
- 📄 缓存策略优化
- 📄 CDN加速原理
- 📄 安全编码规范
- 📄 HTTPS加密原理
- 📄 混合开发优化
- 📄 PWA特性应用
- 📄 微前端实践
- 📄 灰度发布方案
- 📄 错误监控上报
- 📄 用户体验优化
- 📄 无障碍访问
- 📄 多语言方案
- 📄 主题切换实现
- 📄 数据埋点方案
- 📄 权限控制设计
- 📄 单点登录实现
- 📄 OAuth2.0流程
- 📄 JWT令牌原理
- 📄 密码安全存储
- 📄 防爬虫策略
- 📄 接口安全设计
- 📄 数据加密传输
- 📄 业务逻辑安全
- 📄 代码混淆方案
- 📄 依赖漏洞扫描
- 📄 应急响应流程
- 📄 容灾备份方案
模块解析策略
该文集为付费文集
登录后探索优质内容
￥9.8解锁文集
登录账号后即可解锁购买权限，获取完整内容体验。 付费后享受无限制阅读权限，畅读所有精选内容！ 注：购买后可解锁整套「前端八股文」文集，畅享全部内容，绝非单篇局限～
购买确认
您将以 ¥0.99 的价格购买此项目的下载权限
购买后可永久下载该项目资源
开通会员可免费下载所有项目，更划算哦！
扫一扫付款
支付后请等待10秒系统将自动开通！