前端

# 前端相关

提示

收集一些前端相关的资源，正在整理中...

# 算法

# 前端标准文档

MDN Web 文档 (opens new window) MDN Web Docs 网站提供开放网络（Open Web）技术有关的信息，包括用于网站和渐进式网络应用的 HTML、CSS 和 API。
ECMAScript 6 入门 (opens new window) ECMAScript 6 入门文档, 非常推荐

# 静态站点生成器(SSG)

Docusaurus (opens new window) Docusaurus 帮你快速构建并优化网站，让你专注于创作内容
Docusaurus 站点展示 (opens new window) 有源码
Gatsby (opens new window) Gatsby 是一个为 React 打造的快如闪电的现代化站点生成器。
Gatsby 站点展示 (opens new window) 有源码
Gridsome (opens new window) 基于 Vue.js 构建的 Jamstack 框架。Gridsome 让开发人员可以轻松地构建静态生成的网站和应用程序，这些网站和应用程序天生速度快 🚀
Gridsome 站点展示 (opens new window) 有源码
Next.js (opens new window) The React Framework，最多✨的React SSG框架,也是SSR框架
Next.js 站点展示 (opens new window) 无源码
NuxtJS (opens new window) 易于使用的Vue 框架。使用 NuxtJS 充满信心地构建您的下一个 Vue.js 应用程序
NuxtJS 站点展示 (opens new window) 无源码

# Vue

# Vue 官方生态

Vue2 (opens new window) Vue.js 官网 Vue2
Vue3 (opens new window) Vue.js 官网 Vue3
Home | Vite (opens new window) Vite中文网
Vue CLI (opens new window) 🛠️ Vue.js 开发的标准工具
Vue.js Examples (opens new window) 提供了非常多的Vue的在线Demo
vueuse (opens new window) 提供了非常全的Vue2、3的一些hooks, 想要用起来了
vuepress (opens new window)
vitepress (opens new window)

# Vue 组件库

Element UI (opens new window) 一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库
Ant Design of Vue (opens new window) Ant Design 的 Vue 实现
Iview UI (opens new window)
Quasar (opens new window) 非常全的Vue组件库，可支持Vue3, 中文站点 (opens new window)
cube-ui (opens new window) 基于 Vue.js 实现的精致移动端组件库
Vuetify.js (opens new window) Vuetify 完全按照 Material Design specification 开发。
Vant (opens new window) Vant - 轻量、可靠的移动端 Vue 组件库
NutUI (opens new window) NutUI 是京东风格的 Vue 移动端组件库，开发和服务于移动Web界面的企业级产品。
Vuesax (opens new window) 一个优质的vue的组件库

# Vue库、组件

AMap-Vue (opens new window) Vue结合高德地图
Avue.js (opens new window)
vue-multiselect (opens new window) select 组件目前 vue 里面用过最好用的
Vue.Draggable (opens new window) DnD 拖拽组件基于 Sortable.js 的 vue 版本
vue-sauce (opens new window) 一个可以展示 vue 源码的指令
vue-smooth-dnd (opens new window) Vue wrappers components for smooth-dnd
vuegg (opens new window) 一个 vue 可视化拖拽界面生成器
vee-validate (opens new window) 基于 vue 的验证，能验证的内容比较全
vuesax (opens new window) 一个很漂亮的基于 vue 的 ui 框架
vue-analytics (opens new window) 基于 vue 的谷歌统计封装
vue-virtual-scroller (opens new window) 基于 vue 的虚拟列表无限滚动
vue-content-placeholders (opens new window) 页面龙骨 skeleton
buefy (opens new window) 适配移动端的 vue 组件库看着还挺舒服的
vxe-table (opens new window)vue 表格解决方案，还没具体用过看着的确解决了其它 table 组件的一些问题
Vue 测试指南 (opens new window) vue 测试指南

# Vue技术

Vue.js 技术揭秘 (opens new window) Analysis vue.js deeply
体验Vue3的三种姿势 · 语雀 (opens new window)

# React

# React 生态

飞冰 - 让前端开发简单而友好 (opens new window) 可视化开发React.js

# React 组件库

Ant Design Pro (opens new window) 开箱即用的中台前端/设计解决方案
algolia-ui组件库 (opens new window)

# Canvas库

p5.js Showcase (opens new window) p5.js，不错的一个canvas库

# 经典库

layui (opens new window) layui - 经典模块化前端 UI 框架
Bootstrap (opens new window) 简洁、直观、强悍的前端开发框架, 包含一些优质项目推荐

# 前端工具库

Lodash 中文网 (opens new window) Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。

# 代码片段

30 秒就能理解的 JavaScript 代码片段（30 seconds of code） (opens new window) 精心挑选的有用的 JavaScript 代码片段，你可以在30秒或更短的时间
30 seconds of code (opens new window) 收集了许多有用的代码小片段, 包含JS、CSS、React、JS算法

# Webpack

概念 | webpack 中文网 (opens new window) webpack 中文文档
css-loader · webpack 中文文档(v4.15.1) (opens new window)

# 后台管理系统

RuoYi (opens new window)
vue-element-admin (opens new window) 一个功能很全的vue后台前端解决方案
vue-admin-template (opens new window) vue-element-admin的基础模板

# 可视化图表库

ECharts (opens new window) 一个基于 JavaScript 的开源可视化图表库
AntV (opens new window) AntV 是蚂蚁金服全新一代数据可视化解决方案，致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。

# 跨端开发

uniapp (opens new window) 一个使用 Vue.js 开发跨平台应用的前端框架
uni-app项目案例征集 (opens new window)
uView - 多平台快速开发的UI框架 - uni-app UI框架 (opens new window)
What? - COOL-ADMIN文档 (opens new window)

# 优化

PurgeCSS - 用于删除未使用的 CSS 代码的工具 (opens new window)
Prepack · Partial evaluator for JavaScript (opens new window) 可以优化代码，例如将一段代码优化成执行结果

# 移动端

fastclick (opens new window) 解决移动端点击延迟300ms问题
better-scroll (opens new window) 移动端滚动插件

# 微信相关开发

# Node

# Node库

commander (opens new window) 提供了用户命令行输入和参数解析的强大功能
inquirer (opens new window) 与命令行进行交互
chalk (opens new window) 美化命令行打印样式

# Node 后端框架

Nest.js 中文文档 (opens new window) Nest 是一个用于构建高效，可扩展的 Node.js 服务器端应用程序的框架

# ORM

Sequelize 中文文档 | Sequelize 中文网 (opens new window)

# Node文章

跟着老司机玩转Node命令行 (opens new window)

# 正则表达式

正则表达式30分钟入门教程 (opens new window) 30分钟内让你明白正则表达式是什么，并对它有一些基本的了解，让你可以在自己的程序或网页里使用它。
正则在线平台 (opens new window)
正则可视化 (opens new window)
jex (opens new window) 正则可视化网站，配合上面的 Regular Expressions，写正则方便很多