前端资源导航站

基础技术

HTML（超文本标记语言）是用于创建网页的标准标记语言。它定义了网页的结构和内容，是构建网页的基础。

CSS（层叠样式表）用于描述HTML文档的样式和布局。它使得网页的外观和风格可以与内容分离，提高了网页设计的灵活性。

JavaScript ES2022

JavaScript 是一种轻量级的解释型编程语言，主要用于网页的交互性开发。它是构建现代网页和Web应用的核心技术之一。

jQuery 是一个快速、简洁的 JavaScript 库，简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。它兼容浏览器差异，提供简洁的 API。

TypeScript 是 JavaScript 的超集，添加了静态类型检查。它提供了更好的代码可读性和可维护性，适合大型项目开发。

Web Components v1

Web Components 是一组 Web 标准 API，允许开发者定义和使用自定义元素（Custom Elements）、 Shadow DOM 和 HTML 模板，实现组件化开发和封装。

Node.js v20.11.0

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时，用于构建可扩展的网络应用。

npm 是Node.js的默认包管理器，用于安装、发布和管理JavaScript包。

Yarn 是快速可靠的包管理器，支持并行安装和离线模式。

pnpm 是基于内容寻址的包管理器，通过硬链接节省磁盘空间。

前端框架

Vue.js 是一个渐进式 JavaScript 框架，用于构建用户界面。它采用自底向上增量开发的设计，核心库只关注视图层，易于与其他库或现有项目集成。Vue 也完全能够为复杂的单页应用提供驱动。

Vue.js 2.x 是 Vue.js 的长期支持版本，采用 vm.$nextTick 和 this.$refs 等经典 API，适用于需要兼容旧项目的开发场景。

React 是一个用于构建用户界面的 JavaScript 库，由 Facebook 开发和维护。它采用组件化开发模式，使得构建复杂的 UI 变得更加简单和高效。React 还引入了虚拟 DOM 的概念，提高了应用的性能。

Angular 是一个基于 TypeScript 的开源 Web 应用框架，由 Google 维护。它提供了一套完整的解决方案，包括数据绑定、依赖注入、路由、表单处理等功能，适合构建大型、复杂的单页应用。

Next.js 是一个基于 React 的框架，提供了服务器端渲染、静态站点生成等功能，适合构建高性能的现代 Web 应用。

Nuxt.js 是一个基于 Vue.js 的框架，提供了服务器端渲染、静态站点生成等功能，适合构建高性能的现代 Web 应用。

React Router 6.16

React Router 是 React 的官方路由库，提供声明式路由、导航和数据加载功能，支持单页应用的路由管理。

Redux Toolkit 1.4

Redux Toolkit 是 Redux 官方推荐的状态管理工具包，简化了 Redux 的配置和使用，提供了开箱即用的最佳实践。

Angular Router 16.1

Angular Router 是 Angular 的官方路由库，提供声明式路由配置、导航和 URL 处理功能，支持懒加载和守卫机制。

NgRx 是 Angular 的状态管理解决方案，基于 Redux 设计模式，提供 Store、Effects、Selectors 等核心模块，适用于复杂状态管理场景。

Vuex 是 Vue.js 的官方状态管理库，提供了集中式状态管理方案，适用于复杂应用的状态管理。

Pinia 是 Vue.js 的状态管理库，提供了简单且类型安全的状态管理解决方案。它是 Vuex 的轻量级替代品，适合中小型项目。

Vue Router 是 Vue.js 的官方路由管理器，用于构建单页应用中的页面导航。它支持嵌套路由、动态路由匹配、路由参数等功能。

Redux 是一个用于 JavaScript 应用的状态管理库，通常与 React 一起使用。它提供了可预测的状态管理，适合复杂的应用。

Tailwind CSS v3.3

Tailwind CSS 是一个实用优先的 CSS 框架，提供低级别实用类和组件，快速构建自定义设计。

Element UI 2.15

Element UI 是基于 Vue 2 的桌面端组件库，提供丰富的 UI 组件和 Material Design 风格。

Element Plus 2.3

Element Plus 是基于 Vue 3 的新一代组件库，兼容 Vue 3 的响应式特性，提供现代化 UI 组件。

Element Plus X 1.0

Element Plus X 是 Element Plus 的扩展版本，提供更多高级组件和主题定制能力。

Ant Design 是企业级 UI 设计语言和 React 组件库，提供完整的企业级组件解决方案。

Ant Design X 1.1.0

Ant Design X 是 Ant Design 的扩展版本，专注于复杂业务场景的组件解决方案。

Ant Design Vue 4.2.6

Ant Design Vue 是 Ant Design 的 Vue 实现，提供与 React 版本一致的 UI 组件体系。

工具链

Vite 是一个现代化的前端构建工具，提供了快速的开发服务器和优化的生产构建。它支持 Vue、React、Svelte 等框架。

Webpack 是一个模块打包工具，用于将多个模块打包成一个或多个 bundle。它支持代码分割、加载器、插件等功能，广泛应用于前端项目。

Babel 是一个 JavaScript 编译器，用于将 ES6+ 代码转换为向后兼容的 JavaScript 版本，以便在旧版浏览器中运行。

Sass 是一种 CSS 预处理器，提供了变量、嵌套、混合等功能，使得 CSS 编写更加高效和可维护。

Less 是一种 CSS 预处理器，类似于 Sass，提供了变量、嵌套、混合等功能，简化了 CSS 的编写。

Vue CLI 是 Vue.js 的官方脚手架工具，提供项目快速生成、插件扩展和构建配置功能。

Stylus 是一种功能强大的 CSS 预处理器，支持变量、嵌套、mixins 和函数，提供简洁的语法，提升 CSS 开发效率。

ESLint 是一个高度可配置的 JavaScript 代码检查工具，帮助开发者保持代码风格一致性和避免错误。

Prettier 是一个 opinionated 代码格式化工具，支持多种语言，能自动格式化代码为统一风格。

Husky 是一个用于增强 Git 钩子的工具，帮助开发者在 Git 操作时执行自定义脚本，常用于代码提交前的自动化检查。

Git 是一个分布式版本控制系统，用于跟踪文件变化、管理代码版本和协作开发。

Rollup 是一个模块打包工具，主要用于 ES 模块打包，支持插件系统，适合现代 JavaScript 项目。