青见春山的知识世界

外观

面试知识总览 ​

作者:青见春山

前端面试理论内容按基础理论、框架原理、网络安全、工程化、编码实现和算法训练组织。

理论体系 ​

Vue ​

  • 响应式与双向绑定
  • Diff 算法与 key 的作用
  • 组件、生命周期与组件通信
  • ref、reactive 与 nextTick
  • scoped、keep-alive、插槽与过滤器
  • Vue Router、Vuex 与 Pinia

JavaScript ​

  • 闭包、作用域与 this 绑定
  • 原型、继承与函数
  • Promise、异步编程与事件循环
  • 迭代器、生成器与模块化
  • JSON、URL 编码、Date 与常用工具函数
  • 垃圾回收与内存泄漏

HTML 与 CSS ​

  • HTML 语义化与新特性
  • 文档模式、meta、iframe 与脚本加载
  • 元素类型与样式表引入方式
  • 常见布局、BFC 与浮动处理

网络与安全 ​

  • HTTPS、TLS 与加密流程
  • Cookie、Session、Token 与身份认证
  • XSS、CSRF、CSP 与前端安全
  • TCP、HTTP、缓存、跨域与请求封装

工程化 ​

  • Webpack、Vite 与模块加载
  • Git 分支协作与历史整理
  • 页面加载、运行时性能与性能指标

综合复习与专题 ​

  • 综合复习：面试背诵版、前端核心与扩展主题
  • 工程实践：性能优化案例、设计模式与 Web Vitals
  • 模块与平台：ES Module 与 CommonJS、微信小程序
  • 开发方式：AI 辅助开发、代码审查与规范化协作

编码与算法 ​

  • 高频手写：防抖节流、Promise、深拷贝、继承和常用工具函数
  • 输出题：闭包、异步任务、事件循环与执行顺序
  • 数据结构：数组、栈、队列、链表、树、图与散列表
  • 算法训练：排序、搜索、双指针、滑动窗口、动态规划与回溯
  • 刷题方式：Hot 100、CodeTop 专题与 ACM 输入输出练习

高频复习清单 ​

  1. Vue 2 与 Vue 3 响应式原理
  2. Vue Diff 算法与 key
  3. Vue 生命周期与组件通信
  4. ref、reactive 与 nextTick
  5. 闭包、作用域与 this
  6. 原型链与继承
  7. Promise、async/await 与事件循环
  8. CommonJS 与 ES Module
  9. 浏览器渲染、缓存与跨域
  10. HTTPS、身份认证与前端安全
  11. Webpack、Vite 与性能优化
  12. 高频 JavaScript 手写题与基础算法

更新说明 ​

  • 2026-09-05：补入综合复习、AI 辅助开发、性能案例、设计模式与 Web Vitals、小程序、编码实现和算法训练等内容，并按当前知识体系重新分类。