前端资料链接

问题

不论是面试也好，培训新人也好，自己总结也好，做个这些子集的超集。这里尽量给一手资料的链接，和一些公共维护的文档，也建议大家少看博客这类二手资料/非公共资料。

RoadMap

前端基础

HTML 与 语义化 HTML

css 与 css3

• flex

• @media

js

js mdn

基本开发技能

git

如何使用 google 搜索/《提问的智慧》

linux/wsl/常用 linux 命令

基本数据结构和算法(https://oi-wiki.org/ , codeforces.com 1900 分以下的题)

设计模式

前端包工具

npm/yarn , nvm

Webpack/Rollup/Parcel

Angular CLI/Nuxt/Next/Gatsby/CRA

Bazel

gulp/npm scripts

样式

sass/less/postcss

tailwind

Angular Material/Element UI/Ant Design

代码风格

Angular Styleguide/Vue Styleguide/Reactjs advanced guides

Angular Schematics

eslint/prettier/git hooks

三方基础

TypeScript

RxJs

状态管理

Flux/@ngrx/Angular Services/Vuex/Redux

PWA

@angular/pwa/Nuxt pwa/Workbox

Router

Vue router / Angular router / React router

非浏览器

Ionic/React Native/Electron

SSR

Flutter

WASM

Testing

单元:Jasmine/Karma/Jest

e2e:

Util

日期 dayjs/Momentsjs

轮播 swiper

图表 echarts

条形码 jsbarcode

二维码 qrcode

图

常用知识

异步通信

callback

Promise

async/await

Observer

RxJs