前端学习路线

Skip to content

前端知识库

Appearance

Sidebar Navigation

JavaScript

类型(Type)

数组(Array)

作用域(Scope)

函数(Function)

文档对象(DOM)

浏览器对象(BOM)

事件机制(Event)

原型(Prototype)

继承(Extends)

深拷贝和浅拷贝(Clone)

异常处理(Exception)

防抖与节流(Debounce & Throttle)

事件循环机制(Event Loop)

正则表达式(Regular Expression)

Web安全(Web Security)

HTML5

文件API(File API)

本地存储(Local Storage)

网络请求(Network Request)

Web Workers

WebSocket

CSS

CSS基础

CSS Flex布局和Grid布局

CSS经典布局

CSS效果

浏览器

浏览器渲染原理

V8引擎

手写系列

JS关键字

Array相关函数

Object相关函数

Function相关工具函数

Promise

工程化

包管理器

Babel

Babel介绍

Babel API

Babel插件机制

Babel的应用场景

手写Babel

ESLint

前端测试

构建工具

Webpack

Webpack基础

Webpack实践

Loader

Plugin

Webpack 优化

Vite

Vite基础

Plugin

Vite优化

Vue3

Vue3新特性及生态介绍

定义组件

洞悉Vue3

Vue指令

面试题

vue3源码分析

vue3源码简介

响应式系统

React

HOC(高阶组件)

hooks

自定义Hooks

React源码分析

React源码分析

Redux源码分析

Zustand源码分析

TypeScript

类型(Type)

TS内部类型

类型编程

类(Class)&装饰器(Decorator)

声明文件&TS配置文件

TypeScript集成Vue

TypeScript集成React

源码剖析

React

React源码预览

Redux

Zustand

编程风格

面向对象(OOP)

函数式编程(FP)

函数式编程介绍

函数式编程基础

构建可模块化且可重用的代码

函数式编程常用设计模式

函数式编程的测试

函数式编程的优化

设计模式

网络协议

TCP/UDP

HTTP

HTTPS

HTTP/2

WebSocket

前端解决方案

懒加载

虚拟列表

文件上传

暗黑模式

水印

错误监控

视频处理

最佳实践

Monorepo最佳实践

微前端最佳实践

性能优化最佳实践

面试题

JavaScript基础

异步

CSS

Vue

React

前端工程化

网络协议

算法

字符串

线性结构

树结构

文章大纲

Last updated:

Pager

Previous pageRedux源码分析

Next page类型(Type)

Released under the MIT License.

Copyright © 2019-present zchengfeng