前端的世界

提供前端入门的知识框架，由前端进击团队开发。

• 项目地址

该项目使用开源的方式一起建设，由于学习 + 整理知识的方式可帮助大家获得不少成长，所以也希望大家能一起感受到知识建设带来的好处。

0. 非开发补充知识

• Git 使用
• TCP 与网络协议

1. 前端入门

前端基本技能

• HTML
  • 基本语法
• CSS
  • 盒子模型
  • 内联元素/块状元素
  • 文档流
  • 浮动 float
  • 元素堆叠
  • 块格式化上下文(BFC)
  • 响应式布局
  • Flex 布局
  • Grid 布局
  • CSS 动画
• Javascript
  • 基本语法
  • 基本类型
  • Javascript 对象
  • 原型和继承
  • 作用域
  • 闭包
  • this
  • ES6+
  • 单线程与异步 Javascript
  • DOM/BOM API

前端基础知识

• 浏览器
  • 浏览器 DOM 事件流/事件委托
  • 浏览器加载顺序
  • 浏览器渲染过程
  • 浏览器 EventLoop
  • 浏览器同源策略
  • 跨域方案/CORS
  • 浏览器缓存
  • 常见调试技巧
• HTTP/Ajax
  • HTTP 请求过程
  • 常见 HTTP 协议
  • HTTP 1.0/HTTP 1.1/HTTP2/HTTP3
• Node.js
• Web 安全
  • XSS
  • CSRF
  • 其他（SQL 注入/DDoS 等）

2. 前端项目开发

项目基本知识

• 开发流程（初始化 -> 开发 -> 编译 -> 提交 -> 部署 -> 测试 -> 发布）
• 常见练手项目
  • 管理端
  • 商场/购物车
  • 个人博客搭建

项目技术栈

• 前端框架
  • Vue
  • React
  • Angular
• 小程序开发
• 前端应用
  • 前端模块化
  • 单页应用
  • 多页应用
  • 前端路由
  • 页面布局/组件划分
• 前端构建
  • Webpack
    • 功能
    • 原理
    • 插件开发
    • Loader 开发
  • Gulp

3. 前端项目优化/完善

• 前端测试
  • 单元测试
  • 集成测试
  • e2e 测试
• 前端发布
  • 灰度发布
  • 前端监控
• 前端工程化
  • 脚手架
  • 自动化测试
  • CI/CD
• 性能优化
  • 网络优化
  • 渲染优化
• 开发效能提升
  • 组件封装
  • 公共库封装
  • 自动化工具开发
• 前端设计模式
• Web Workers/Service Workers
• Typescript

4. 前端面试

• 面试准备知识
• 简历如何写
• 面试题库

如何参与该项目

希望补充更多内容

你可以通过发起 issue 的方式，提出想要学习和补充进大纲的内容。

参与贡献

参与贡献参考。