前端为主,整理一下技术点:

Frontend Roadmap

已勾选的内容,至少是有过了解,但不代表熟练掌握,需要及时复习

前端

  • 互联网
    • 互联网是如何工作的
    • 什么是HTTP
    • 浏览器及其运行机制
    • DNS及其运行机制
    • 什么是域名
    • 什么是网站托管
  • HTML
    • 学习HTML基础
    • 语义化的HTML
    • 表单和验证
    • 惯例和最佳实践
    • 可访问性
    • SEO基础
  • CSS
    • CSS基础
    • 浮动、定位、显示、盒模型、flex、grid
    • 响应式、媒体查询
  • JavaScript
    • 基本语法
    • DOM操作
    • Fetch和Ajax
      • 学习fetch
    • ES6和模块化
      • 看完阮一峰的ES6
    • 变量提升、事件冒泡、作用域、原型、shadow DOM、严格模式
      • shadow DOM
    • 常用设计模式
    • 垃圾回收
  • Git
    • 基本操作
    • github的使用
  • web安全
    • HTTPS
    • 跨域资源共享
    • 内容安全策略CSP
    • OWASP安全风险
    • 网络攻击
  • 包管理工具
    • npm
      • 不够深入和系统,需要再看看
  • CSS架构

    • BEM
  • CSS预处理器

    • Sass
  • 构建工具

    • 任务执行器
      • npm scripts
    • 代码检查和格式化工具
      • Prettier
      • ESLint
    • 模块打包
      • webpack
  • 前端框架

    • Vdom

    • React

      • 基本语法

      • Hooks

      • Redux

    • Vue

      • 基本语法
      • Vuex
  • 现代CSS

    • Styled Component
    • CSS Modules
      • 再仔细学习下
  • CSS 框架

    • Material UI
    • BootStrap
  • 测试

    • jest
  • 类型检查

    • TypeScript
  • 渐进式网页应用程序

    • web api
      • Storage
      • ws
      • service workers
      • 定位
      • 通知
      • 设备方向
      • 支付
      • 证书
    • 计算、测量和提高性能
      • PRPL模式
      • RAIL模型
      • 性能指标
      • 使用Lighthouse
      • 使用Devtools
  • 服务端渲染 SSR (也是静态网站生成器)

    • React => Next.js
    • Vue => Nuxt.js
  • GraphQL

    • Apollc
  • 移动端应用开发

    • React Native
    • Flutter
  • 桌面应用开发

    • Electron
  • Web Assembly

后端

  • nodejs

  • koa/express

  • mongodb => mongoose

  • 学习代理

  • nginx

基础

  • 计网

  • CSAPP

  • OS

  • 算法

    • 算导
    • 力扣