腾讯文档&武大前端菁英班笔记

Week 1:前端基础 & ES6

前端三大支柱:HTML(结构)、CSS(表现)、JavaScript(行为)。

主要内容:

  • 语义化 HTML5 标签
  • CSS 选择器、Flexbox 布局、定位
  • DOM 操作
  • 函数、对象、闭包、原型链

Week 2:TypeScript & React

TypeScript 是"JavaScript 的类型超集",在编译时进行静态类型检查。

主要内容:

  • React 组件化架构
  • 虚拟 DOM 与 Diff 算法
  • NPM 包管理基础

Week 3:构建工具 & Web 基础

深入探索 webpack 作为主要构建工具,回顾从 Gulp、Grunt 等早期工具的演进。

主要内容:

  • Loaders、Plugins、Dev Server
  • 性能优化:代码分割、公共代码提取
  • HTTP/HTTPS 协议、状态码
  • 缓存策略:强缓存 vs 协商缓存
  • 跨域问题
  • 安全:XSS 和 CSRF 攻击

Week 4:工程化 & 设计模式

主要内容:

  • 代码规范:ESLint、Prettier、Husky
  • Jest 单元测试
  • 设计模式:单例、发布订阅、工厂、装饰器
  • 设计原则:单一职责、开闭原则、依赖倒置