大前端技术体系

核心


网页行为:JavaScript

  • 编码规范 thanks to airbnb 😂
  • ⬜ JavaScript 简介
  • ⬜ 变量提升(Variable Hoisting)、事件冒泡(Event Bubbling)、严格模式(Strict)
  • ⬜ this
  • ⬜ 闭包(Closure)
  • ⬜ 原型(Prototype)与原型链(Prototype Chain)
  • ⬜ JSON(JavaScript Object Notation)
  • ⬜ 作用域(Scope)与作用域链(Scope Chain)
  • ⬜ AJAX(Asynchronous Javascript And XML)
  • 跨域解决 苏永蓬
  • ⬜ 模块化(Module)
  • ⬜ 事件循环(Event Loop)
  • 正则表达式(Regular expressions) 吴俊
  • ⬜ Web API(CustomEvent、WebSockets、Web Workers.etc)

ES5-

ES6+

图形

  • ⬜ Canvas
  • ⬜ WebGL
  • ⬜ SVG

Web Component

  • ⬜ Shadow DOM

TypeScript

  • 编码规范 刘莹鑫
  • ⬜ 类型(Type)
  • ⬜ 接口、类、命名空间、模块
  • ⬜ 装饰器
  • ⬜ 声明文件

网页样式:CSS

网页结构:HTML

概念


基本

  • 前端开发必须掌握的基本概念 段美霞
  • ⬜ 值 🆚 引用类型,栈 🆚 堆
  • ⬜ 形参 🆚 实参,转译 🆚 编译
  • ⬜ BOM 🆚 DOM
  • ⬜ 对称加密 🆚 非对称加密
  • ⬜ 逻辑像素 🆚 物理像素 rem 🆚 em pt 🆚 dp
  • ⬜ 标准化组织

进阶

  • 函数式编程范式 吴俊
  • ⬜ 字符编码(Character Encodings)
  • ⬜ SOAP 和 RESTful 能做比较吗?
  • ⬜ 开源协议
  • ⬜ 命令式 🆚 声明式

开发周边


协议相关


浏览器


  • ⬜ 浏览器历史
  • ⬜ 主流浏览器对比
  • ⬜ 浏览器工作原理

JS 框架


Vue.js

Angular

  • ⬜ Angular 组件开发及 NPM 发布

React

UI 框架


  • ⬜ Element
  • ⬜ Ionic


  • ⬜ ECharts
  • ⬜ D3
  • ⬜ three.js
  • ⬜ RxJS

跨平台


服务器&操作系统&中间件


  • nginx 使用 马文超
  • ⬜ Tomcat
  • ⬜ IIS 添加 HTTPS
  • ⬜ Redis
  • ⬜ RabbitMQ
  • ⬜ CentOS

Node.js

  • ⬜ NPM

  • Nest.js 张金秀

  • ⬜ mongoose

  • ⬜ socket.io

数据库


  • ⬜ MongoDB
  • ⬜ PostgreSQL

编辑器&IDE


  • ⬜ VS Code
  • ⬜ WebStrom
  • ⬜ Xcode
  • ⬜ Android Studio

持续集成&交付&部署


  • ⬜ SVN
  • ⬜ Git
  • ⬜ 常用构建、静态分析工具及配置
  • ⬜ Jenkins
  • ⬜ Docker

监控


  • ⬜ Sentry
  • ⬜ New Relic

数据结构&算法


  • ⬜ 时间复杂度、空间复杂度

设计思想&模式


性能


安全


  • ⬜ JWT

管理


  • ⬜ 招聘
  • ⬜ 团队管理
  • ⬜ 项目管理
  • ⬜ PPT
  • ⬜ Word
  • ⬜ 设计说明书

其它


  • ⬜ WebRTC
  • ⬜ WebAssembly
  • ⬜ Tensorflow.js
  • ⬜ GraphQL
  • ⬜ Serverless

大前端技术体系一张图

作者

思路大前端团队

发布于

2020-04-24

更新于

2023-08-05

许可协议

CC BY-NC-SA 4.0

评论