大纲 - 图1

目录

📚 前言

  • [x] 大纲

    ✍ 规范 & 文档

  • [x] coding 规范

  • Git 规范

  • [ ] 开发文档规范

    📝 随笔

  • [x] university0221

  • university1026
  • 学校 -> 实习 -> 毕业，前端——我一直在路上
  • HJ0801
  • 2019
  • 2020

  • [x] 2021-前端职业思考

    HTML & CSS

  • [x] Html知识点

  • CSS知识点
  • meat viewport
  • flex布局（需要补充解释文档）

  • [ ] SASS（需要补充解释文档）

    JavaScript

    JavaScript知识整理

  • [x] 基础

  • 00-Javascript笔记
  • 01-Javascript数组详解
  • 02-Javascript整理常见高级函数
  • 03-jquery 封装 localStorage, sessionStorage, cookie
  • 进阶知识点
  • fetch.js（需要补充解释文档）
  • min-vuex.js
  • useFunction.js
  • utils.js
  • Web Scoket 类方法封装
  • ECMAScript 6 - 学习笔记

  • [x] ECMAScript 6 - 数组小操作与小技巧

    ECMAScript2015(ES6)

  • [x] let & const

  • 解构赋值
  • 正则扩展
  • 字符串扩展
  • 数组扩展
  • 函数扩展
  • Symbol
  • 数据结构
  • Proxy & Reflect
  • 类与继承
  • Promise
  • Iterator & for…of
  • Generator
  • Decorator

  • [x] 模块化

    ECMAScript2016(ES7)

  • [x] Array.prototype.includes

  • [x] 幂运算符**

    ECMAScript2017(ES8)

  • [x] Async & Await

  • Object快速遍历
  • String补白

  • [x] Object描述符

    ECMAScript2018(ES9)

  • [x] For await of

  • Promise-finally
  • Object Rest Spread

  • [x] 正则

    ECMAScript2019(ES10)

  • [x] Object.fromEntries()

  • trimStart/trimEnd
  • flat/flatMap
  • Function
  • 可选的Catch Binding
  • JSON.stringify

  • [x] Symbol.description

    ECMAScript2020(ES11)

  • [x] matchAll

  • import()
  • BigInt
  • Promise.allSettled()
  • globalThis
  • 可选链

  • [x] 空值合并运算符

    ECMAScript2021(ES12)

  • [x] String.prototype.replaceAll

  • Promise.any
  • 逻辑操作符和赋值表达式
  • 数值分隔符

  • [x] WeakRefs

    设计模式

  • [x] 前言

    创建型模式

  • [x] 工厂模式

  • [x] 单例模式

    结构型模式

  • [x] 适配器模式

  • 装饰器模式
  • 代理模式

  • [x] 外观模式

    行为型模式

  • [x] 策略模式

  • 观察者模式

  • [x] 发布订阅模式

    数据结构与算法

  • [ ] 栈

  • 队列
  • 链表（coding）
  • 树
  • 哈希表

  • [x] LeetCode

    踩坑ing

  • [x] 移动端H5

    🚌 面试

  • [x] 前言

  • 布局与盒模型
  • DOM事件
  • HTTP协议
  • 原型链
  • 面向对象
  • 通信类
  • 安全类
  • 算法类
  • 渲染机制
  • JS运性机制
  • 页面性能类
  • 错误监控
  • 虚拟DOM（Virtual DOM） 和 diff
  • Vue
  • React
  • 面试题目总结（停）

  • [x] 前端面经（已移出）

    TypeScript

  • [x] 基本数据类型

  • 枚举类型
  • 对象类型接口
  • 函数类型接口
  • 函数
  • class
  • 泛型
  • 类型检查机制
  • 交叉-联合类型
  • 索引、映射、条件类型

  • [x] interface

    框架与类库

    Vue

  • [x] vue学习记录

  • Vue3.0学习
  • 在 vue 中使用 typescript

  • [x] 🗒 项目接口请求封装

    React

  • [x] react学习记录

  • [x] index.js

    小程序

  • [x] Accumulation

  • 🗒 封装请求

  • [x] 小程序canvas生成海报

    Serverless

  • [ ] Learning……

    webAssebly

  • [ ] Learning……

    GraphQL

  • [ ] Learn GraphQL(coding)

    前端音视频

    WebRTC

  • [x] 前言

  • [x] H5直播

  • 工具函数

Nodejs

  • [ ] 以前都是代码，需要编写文档

    Koa

  • [x] resource-coding

  • [x] 测试coding

    C

  • [x] 前言

  • 基础
  • 数据结构

  • [ ] 暂停，之后暂时未列入学习计划

    Java

  • [x] 前言

  • 基础

  • [ ] 暂停，之后暂时未列入学习计划

    工程化

  • [x] 前言

    运维知识

  • [ ] 学习专业运维知识（Linux操作系统，服务器部署）

    持续集成

    Jenkins

  • [x] 搭建与使用

    Docker

  • [x] 命令与学习笔记

  • [x] 实战练习

    Kubernetes

  • [ ] 列入学习计划

    Nginx

  • [x] 前端配置-负载均衡代理

    📝 Http

  • [x] 状态码

  • [x] 协议

    构建与运行环境

    WebPack

  • [ ] webpack概念及初始化项目，loader等

    Gulp

    vite

    微前端

  • [x] qiankun

    架构

  • [x] 前端架构（待）

    监控

  • [x] sentry

  • [ ] 自研（待）

    跨端

    React-Native

  • [ ] 需要补充文档

    Taro

  • [ ] 需要补充文档

    uni-app

  • [ ] 需要补充文档

    Flutter

  • [ ] 未列入学习计划

    数据库

    MySQL

  • [ ] MySQL-blog

  • [ ] mysql踩坑

    MongoDB

    nosql

    Redis

  • [ ] Redis-blog

    工具 & 调试

  • [x] 日常开发工具类

  • VSCode
  • WebStrom
  • node包管理工具与源切换
  • Windows 桌面版微信内置浏览器调试
  • 微信内置浏览器缓存清理
  • 移动端调试
  • console
  • WindowsTerminal
  • git bash

  • [x] 小技巧

    结尾

  • 思路整理、自我纠正和目标重新聚焦的过程。

  • 结果导向，永远要赢，喜欢困难。