Skip to content

前端知识

HTML+CSS

Flex 布局

Grid 布局

HTML 基础元素标签

常用的 meta 标签

HTML 元素标签中的常用属性

CSS 选择器

HTML 表单

HTML 图像映射

CSS BFC

CSS3 常用属性

CSS3 动画

calc() 函数

重绘和回流

JavaScript

JavaScript语言基础

数据类型

基础语法

对象

数组

数据结构

函数

函数基础

类与对象

类继承

静态属性和方法

私有和受保护的属性和方法

扩展内置类

instanceof 操作符

Mixin 模式

异步编程

Promise

Async/Await

浏览器相关

DOM 操作

事件处理

浏览器存储 (待整理)

Fetch API(待整理)

Web Workers (待整理)

Service Workers (待整理)

前端框架

Vue (待整理)

React (待整理)

Angular (待整理)

前端工程化

构建工具

Webpack (待整理)

Vite (待整理)

Rollup (待整理)

包管理

npm (待整理)

yarn (待整理)

pnpm (待整理)

性能优化

网络优化 (待整理)

渲染优化 (待整理)

代码优化 (待整理)

实践案例

Docker + Jenkins + Nginx实现前端自动化部署

扩展知识

网络

HTTP/HTTPS (待整理)

WebSocket (待整理)

RESTful API (待整理)

安全

XSS (待整理)

CSRF (待整理)

内容安全策略(CSP) (待整理)

设计模式

MVC (待整理)

MVVM (待整理)

单例模式 (待整理)

工厂模式 (待整理)

观察者模式 (待整理)

可访问性(Accessibility)

ARIA (待整理)

键盘可访问性 (待整理)

屏幕阅读器优化 (待整理)

待整理内容

  • ES6+新特性
    • let 和 const
    • 解构赋值
    • 展开语法
    • Symbol类型
    • Map和Set
    • Proxy和Reflect
    • 字符串和正则表达式增强
  • 模块化
  • Generator与迭代器
  • this关键字
  • 闭包
  • 箭头函数
  • 变量与作用域
  • 运算符
  • 流程控制