前端学习清单

顺序不分先后。

技术名称	技术描述	技术链接
HTML5	HTML5是下一代的HTML标准，是一种用于结构化内容的标记语言。	MDN|HTML
CSS3	CSS3是CSS技术的升级版本，它的最大好处就是可以让网页设计师更加方便的为网页添加各种各样的样式，而不用再局限于文字、边框、背景和盒子模型这些方面。	CSS3 - Tutorial MDN|CSS
JavaScript	JavaScript是一种轻量级的编程语言，是一种可插入HTML页面的编程代码。	MDN|JavaScript
Vue 2	Vue.js是一套构建用户界面的渐进式框架。	Vue 2官网
webpack	webpack是一个现代JavaScript应用程序的静态模块打包器(module bundler)。	webpack官网
vuex	Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。	Vuex官网
vue router	Vue Router 是 Vue.js 官方的路由管理器。	vue router官网
vue cli	Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。	vue cli官网
TypeScript	TypeScript是JavaScript类型的超集，它可以编译成纯JavaScript。	TypeScript官网
Vue 3	Vue.js 3.0 是一个基于 TypeScript 的编写的渐进式 JavaScript 框架。	Vue 3官网
pinia	Pinia 是一个用于 Vue 3 的状态管理库，它使用 Vue 3 的新响应式 API。	Pinia中文文档
React	React是一个用于构建用户界面的 JavaScript 库。	React官方中文文档
axios	Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。	Axios 中文文档
canvas	Canvas API 提供了一个通过 JavaScript 和 HTML 的 元素来绘制图形的方式。	Canvas API
WebAssembly	WebAssembly 是一种新型的可以在现代浏览器中运行的低级二进制格式。	WebAssembly
WebRTC	WebRTC（Web Real-Time Communication）是一个支持网页浏览器进行实时语音对话或视频对话的技术。	WebRTC
WebGL	WebGL（全写Web Graphics Library）是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个JavaScript绑定，WebGL可以为HTML5 Canvas提供硬件3D加速渲染，这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了，还不需要安装任何插件。	WebGL API
Web Components	Web Components 是一个用于构建可重用组件的技术。	Web Components
Web Workers	Web Workers 是一种可以从主应用程序中分离出运行脚本的浏览器特性。	Web Workers
Web Storage	Web Storage API 提供了在浏览器中存储数据的机制。	Web Storage
Web Speech API	Web Speech API 使得web应用程序可以通过JavaScript访问设备的语音识别功能。	Web Speech API
Element UI	Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。	Element UI
Element Plus	Element Plus 是饿了么前端团队基于 Element UI 针对 Vue 3.0 打造的一套组件库。	Element Plus
Ant Design	Ant Design 是一套设计语言和 React 实现。	Ant Design
Ant Design Vue	Ant Design 的 Vue 实现，开发和服务于企业级后台产品。	Ant Design Vue
Windi CSS	Windi CSS 是一个高速的类优先 CSS-in-JS 解决方案，它具有先进的特性，如代码压缩、Tree-shaking、CSS 预处理器变量、自动前缀、代码分割、CSS 提取、代码优化等。	Windi CSS
Tailwind CSS	Tailwind CSS 是一个实用的工具类（utility-first）CSS 框架，它提供了一系列的可复用的 CSS 实用类，可以帮助你快速构建网站。	Tailwind CSS
WeUI	WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。	WeUI
Vant	轻量、可靠的移动端 Vue 组件库。	Vant
Vant Weapp	轻量、可靠的小程序 UI 组件库。	Vant Weapp
uni-app	uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。	uni-app
Taro UI	Taro UI 是一款基于 Taro 框架开发的多端 UI 组件库。	Taro UI
Taro	Taro 是一套遵循 React 语法规范的多端开发解决方案。	Taro
Flutter	Flutter 是 Google 的移动 UI 框架，可以快速在 iOS 和 Android 上构建高质量的原生用户界面。	Flutter
React Native	React Native 是一个用于构建使用 JavaScript 和 React 编写的真实原生移动应用的框架。	React Native
uniCloud	uniCloud 是 DCloud 推出的基于 serverless 架构的云开发平台，提供了云函数、数据库、存储、云端网站托管等功能，支持前端开发者在 uni-app 中一键部署上线，同时支持前端开发者在 uni-app 中一键调用。	uniCloud
HTTP	HTTP（超文本传输协议）是一种用于传输超媒体文档（例如 HTML）的应用层协议，它是为 Web 浏览器与 Web 服务器之间的通信而设计的，但也可以用于其他目的。	HTTP
HTTPS	HTTPS（全称：Hyper Text Transfer Protocol over Secure Socket Layer），是以安全为目标的 HTTP 通道，简单讲是 HTTP 的安全版。	HTTPS
TCP	TCP（传输控制协议）是一种面向连接的、可靠的、基于字节流的传输层通信协议，由IETF的RFC 793定义。	TCP
UDP	UDP（用户数据报协议）是一种面向无连接的、不可靠的、基于数据报的传输层通信协议，由IETF的RFC 768定义。	UDP
WebSocket	WebSocket 是一种在单个 TCP 连接上进行全双工通信的协议。	WebSocket
FTP	FTP（文件传输协议）是用于在网络上进行文件传输的协议。	FTP
SSH	SSH（Secure Shell）是一种用于远程登录的网络协议。	SSH
SMTP	SMTP（Simple Mail Transfer Protocol）是一种用于传输电子邮件的协议。	SMTP
POP3	POP3（Post Office Protocol 3）是一种用于接收电子邮件的协议。	POP3
IMAP	IMAP（Internet Message Access Protocol）是一种用于接收电子邮件的协议。	IMAP
JQuery	jQuery 是一个快速、简洁的 JavaScript 框架，是继 Prototype 之后又一个优秀的 JavaScript 代码库（或 JavaScript 框架）。	JQuery
Bootstrap	Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。	Bootstrap
SaSS	Sass 是一种 CSS 预处理器，它提供了许多便利的写 CSS 方式，同时也让 CSS 更加强大、优雅。	SaSS
Less	Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。	Less
Stylus	Stylus 是一个 CSS 预处理器，可以让 CSS 语言更动态、函数化、扩展。	Stylus
PostCSS	PostCSS 是一个 CSS 处理工具，它使用插件转换 CSS，这些插件可以优化、格式化或者添加 CSS。	PostCSS
Babel	Babel 是一个 JavaScript 编译器。	Babel
ESLint	ESLint 是一个开源的 JavaScript 代码检查工具，由 Nicholas C. Zakas 于2013年6月创建。	ESLint
Prettier	Prettier 是一个代码格式化工具。	Prettier
Jest	Jest 是一个令人愉快的 JavaScript 测试框架，专注于简洁明快。	Jest
Rollup	Rollup 是一个 JavaScript 模块打包器，可以将小块代码编译成大块复杂的代码，例如 library 或应用程序。	Rollup
Node.js	Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。	Node.js
npm	npm 是世界上最大的软件注册表。开发者可以在其中找到需要的包，也可以使用 npm 发布自己的包。	npm
Yarn	Yarn 是一个快速、可靠、安全的依赖管理工具。	Yarn
Vite	Vite 是一个由原生 ESM 驱动的 Web 开发构建工具。在开发环境下基于浏览器原生 ES imports 开发，在生产环境下基于 Rollup 打包。	Vite
Git	Git 是一个开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目。	Git

我认为，以上技术不是所有都要学，但是至少要了解，这样才能知道自己需要什么，不需要什么，才能更好的学习。