【万字总结】2025 前端+大前端+全栈知识体系（下）

原创前端双越老师 2025-07-05 09:00 重庆

点击关注公众号，“技术干货” 及时达！

大家好，我是双越老师，也是 wangEditor 作者。❞

书接上回 2025 前端+大前端+全栈知识体系（上），本文继续写完这个知识体系。

服务端基础服务端是一个很宽泛的概念，本文只讨论 JS 开发的服务端。

JS 运行时「Nodejs」生态成熟，应用广泛

「Deno」支持 TS，默认安全性，兼容 WebAPI

「Bun」极致性能，All-in-one

Nodejs API「模块」 CommonJS, ES-Module

「命令行」

「网络」 HTTP HTTPS 服务

「文件 fs」读取写入创建删除文件...

「流 stream」 readline

「进程 process」

「集群 cluster」 PM2

「调试 debugger」

「测试」

数据库「MySQL」关系型数据库

「PostgreSQL」关系型数据库

「MongoDB」 No-SQL 数据库

「Redis」内存数据库，速度快

「云数据库」 Suspabase Cloudflare 等

存储「阿里云 OSS」

「腾讯云 COS」

「亚马逊 S3」

云服务器各个云平台都有免费试用，或低价活动，如果是学习用，可以轮流“薅羊毛”。

「Linux 登录」创建账户

「Linux 基础命令」

「Vim 命令」

「Nginx 配置」

「安全组和防火墙」

Docker「镜像 Image」

「容器 Container」

「DockerFile」

「Docker Compose」

「DockerHub」

Serverless「阿里云 FC 函数计算」

「亚马逊 Lambda」

「其他中小型服务商」 Vercel Netlify Railway Fly.io 等

微服务框架/库React 使用「JSX 语法」上文有介绍

「函数组件 Functional Component」，纯函数，副作用，生命周期，组件通讯

「属性 Props」

「状态 State」不可变数据，immer.js，“合并”更新，异步更新，表单受控组件

「Hooks」 useState, useEffect, useRef, useContext ... 自定义 Hook, react-use

「Context」 Provider, Consumer

「性能优化」 useMemo, useCallback, React.memo, React compiler ....

「Suspense 和异步组件」

「报错 ErrorBoundary」

「服务端组件 RSC」服务端渲染 SSR

React 原理「Virtual DOM」 React 使用的虚拟文档对象模型，通过对比更新来优化性能

「Diff 算法」对比新旧 vdom 并更新真实 DOM

「Reconciliation」 React 的更新算法，用于高效地比较虚拟 DOM 与旧虚拟 DOM 之间的差异，并决定最小化的更新操作

「React Fiber」 React 16 引入的重写的渲染引擎，提供更高效的渲染机制

「React 合成事件」 React 使用事件代理机制，将事件监听器挂载到根 DOM 节点上，而不是每个组件的 DOM 节点，减少了事件监听器的数量，提高了性能

「React Concurrency」是 React 18 引入的一项重要特性，使用时间分片和任务调度，用于提升应用的响应性和性能

「React Batching Update」 React 会对多次 state 更新进行批量处理，合并成一次更新，以减少不必要的重渲染和性能开销

React 生态「框架」 umijs, Next.js, Remix(react-router), Gatsby, React-Native

「UI 组件库」 AntD, MUI, ShadcnUI

「状态管理」 Redux, Zustand, MobX, Recoil

「CSS 样式解决方案」 TailwindCSS, Styled-components

「表单和校验」 Formik, React hook form

「数据获取」 React Query, SWR, Apollo Client

「i18n」 react-i18next

「测试」 Jest, Reat testing library, Storybook

Vue 使用「脚手架」

「模板语法」类和样式，条件渲染，列表渲染，事件绑定，指令

「响应式」 ref，reactive，reactive 局限性

「Computed」

「watch」 watchEffect

「表单和 v-model」

「组件」生命周期，组件通讯，属性 props

「插槽 slot」

「异步组件」

「动态组件」

「KeepAlive」

「组合式函数 Composable」自定义 Composable，vue-use

「Setup Script」

Vue 原理「Virtual DOM」 Vue 使用虚拟 DOM 来优化 DOM 操作，避免直接操作真实 DOM，从而提高性能

「Diff 算法」对比新旧 vdom 并更新真实 DOM

「响应式原理」 Vue 的核心特性之一，通过数据劫持（Object.defineProperty 或 Proxy）实现视图与数据的双向绑定

「模板编译」 Vue 将模板（HTML）编译成渲染函数，并通过虚拟 DOM 渲染 UI。编译过程将模板转换为可执行的 JavaScript 代码

「异步渲染」 NextTick

Vue 生态「框架」 Nuxt.js, VuePress

「路由」 Vue-router

「UI 组件库」 ElementPlus, AntDesignVue, VantUI, Vuetify ...

「状态管理」 Vuex, Pina

「i18n」 vue-i18n

「测试」 Vitest, Vue-test-utils, StoryBook

其他前端框架/库「Angular」老牌全能框架

「Selvte」无 vdom，编译时框架，轻量高效

「Solid」无 vdom，响应式编程，高效渲染

Node 服务端「Express」老牌 Nodejs 服务端框架，简洁易用

「Koa」由 Express 的原班人马开发，Koa 提供了更精简和灵活的 API，利用现代 JavaScript 特性如 async/await，目标是创建更小、更优雅的框架

「Egg」由阿里巴巴开发，基于 Koa 构建的企业级框架，提供了完善的插件机制和企业级功能，适用于构建复杂和大规模的应用

「Nest.js」 Nodejs 开发的 Spring 框架

Node 服务端生态「数据库 ORM」 Prisma Drizzle

「Auth 校验」 NextAuth

「tRPC 通讯」

「i18n 多语言」

「队列服务」 RabbitMQ, Kafka

「缓存」

「日志」

「AI 服务」 ChatGPT （对中国地区停止 API 服务），DeepSeek 等

「邮件服务」各大邮箱网站都提供免费 SMTP 服务（会有限制）， resend 等付费服务商

「短信服务」腾讯云，阿里云

「支付」微信支付，支付宝，Stripe

❝想学习 Node 全栈生态，推荐我带队开发的 Node 全栈 AIGC 知识库项目划水AI

www.huashuiAI.com

包括文档管理、富文本编辑、AI 智能写作、多人协同编辑等功能。复杂业务，真实上线，持续运维。可免费加群围观，也可加入学习和参与开发。

❞小程序「框架」如「uni-app」、「Taro」、「WePY」，提供跨平台开发的工具和规范。

「组件化」小程序开发采用组件化方式，开发者可以创建自定义组件，提高代码的重用性和可维护性。

「WXML」小程序的标记语言，类似 HTML，用于定义页面的结构。

「WXCC」小程序的样式表语言，类似于 CSS，用于为 WXML 页面设置样式。

「API」小程序提供了大量的官方 API，如「微信支付」、「位置服务」、「分享功能」等，供开发者在小程序中调用。

「小程序路由」使用

wx.navigateTo

、

wx.redirectTo

、

wx.switchTab

等 API 进行页面导航，支持页面栈管理。

Fish AI Reader

FishAI

联系邮箱 441953276@qq.com

相关标签