React
| 名称 | 介绍 | 地址 |
|---|---|---|
| React官方文档 | 用于构建 Web 和原生交互界面的库。 | https://zh-hans.react.dev/ |
| ReactRouter官方文档 | 最流行的React路由选择。 | https://reactrouter.com/en/main |
| Redux | JS 应用的状态容器，提供可预测的状态管理。 | https://cn.redux.js.org/ |
| MobX | 简单，可扩展的状态管理。 | https://zh.mobx.js.org/README.html |
| DvaJS | 基于React和redux的轻量级elm风格框架。 | https://dvajs.com/ |
| UmiJS | 插件化的企业级前端应用框架。 | https://v3.umijs.org/zh-CN |
| React Native | 使用 React 来创建 Android 和 iOS 的原生应用 | https://reactnative.cn/ |
| expo | 使用 React 构建原生应用的工具包 | https://docs.expo.dev/ |
Vue
| 名称 | 介绍 | 地址 |
|---|---|---|
| Vue3 | 渐进式 JavaScript 框架。易学易用，性能出色，适用场景丰富的 Web 前端框架。 | https://cn.vuejs.org/ |
| Vue2 | 渐进式 JavaScript 框架。 | https://v2.cn.vuejs.org/ |
| Vue Router | 为 Vue.js 提供富有表现力、可配置的、方便的路由。 | https://router.vuejs.org/zh/ |
| Vuex | 一个专为 Vue.js 应用程序开发的状态管理模式 + 库。 | https://vuex.vuejs.org/zh/ |
| Pinia | 您将喜欢使用的 Vue 存储库 | https://pinia.web3doc.top/ |
| Nuxt | 易懂的Web框架 | https://nuxt.com.cn/ |
| create-vue | 启动Vue项目的推荐方法。 | https://github.com/vuejs/create-vue |
| Vue CLI | Vue.js 开发的标准工具（现已处于维护模式!） | https://cli.vuejs.org/zh/ |
Nodejs
| 名称 | 介绍 | 地址 |
|---|---|---|
| Nodejs官方文档 | Node.js 是一个开源的、跨平台的 JavaScript 运行时环境。 | https://nodejs.cn/ |
| Egg | 为企业级框架和应用而生。 | https://www.eggjs.org/zh-CN |
| Express | 基于 Node.js 平台，快速、开放、极简的 Web 开发框架。 | https://express.nodejs.cn/ |
| Koa | Koa -- 基于 Node.js 平台的下一代 web 开发框架。 | https://koa.bootcss.com/ |
| Nest | 用于构建高效且可伸缩的服务端应用程序的渐进式 Node.js 框架。 | https://docs.nestjs.cn/ |
微信小程序
| 名称 | 介绍 | 地址 |
|---|---|---|
| 微信小程序官网文档 | 微信小程序官网文档 | https://developers.weixin.qq.com/miniprogram/dev/framework/ |
| uni-app | 编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。 | https://uniapp.dcloud.net.cn/ |
| WePY | 让小程序支持组件化开发的框架 | https://wepyjs.github.io/wepy-docs/ |
| Taro | 多端统一开发解决方案 | https://taro.js.org/ |
| WeUI | 为微信小程序量身定制。 | https://github.com/weui/weui-design |
UI库
| 名称 | 介绍 | 地址 |
|---|---|---|
| Ant Design | 助力设计开发者「更灵活」地搭建出「更美」的产品，让用户「快乐工作」~ | https://ant.design/index-cn |
| Ant Design Pro | 开箱即用的中台前端/设计解决方案 | https://pro.ant.design/zh-CN |
| Ant Design Mobile | 探索移动端 Web 的体验极限 | https://mobile.ant.design/zh/ |
| Element Plus | 基于 Vue 3，面向设计师和开发者的组件库 | https://element-plus.org/zh-CN/ |
| Element | 为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 | https://element.eleme.io/#/zh-CN |
| View Design | 基于 Vue.js 3 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。 | https://www.iviewui.com/ |
| Ant Design of Vue | 这里是 Ant Design 的 Vue 实现，开发和服务于企业级后台产品。 | https://www.antdv.com/docs/vue/introduce-cn/ |
| Material UI | 直观的React UI工具。 | https://mui.com/ |
| Vant | 有赞团队轻量、可定制的移动端 Vue 组件库。 | https://vant-ui.github.io/vant/#/zh-CN |
| Cube UI | 滴滴团队基于 Vue.js 实现的精致移动端组件库。 | https://didi.github.io/cube-ui/#/zh-CN |
| Mint UI | 饿了么团队基于 Vue.js 的移动端组件库。 | http://mint-ui.github.io/#!/zh-cn |
| NutUI | 京东团队的轻量级移动端组件库。 | https://nutui.jd.com/#/ |
| Bootstrap | 简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。 | https://www.bootcss.com/ |
| PaperCSS | 手绘风格的css框架。 | https://www.getpapercss.com/ |
编译&构建&打包
| 名称 | 介绍 | 地址 |
|---|---|---|
| Webpack | 用于现代 JavaScript 应用程序的静态模块打包工具 | https://www.webpackjs.com/ |
| Vite | 下一代的前端工具链，为开发提供极速响应 | https://cn.vitejs.dev/ |
| Rollup | JavaScript 打包器，将点滴代码编织成错综复杂的程序。 | https://cn.rollupjs.org/ |
| Gulp | 用自动化构建工具增强你的工作流程！ | https://www.gulpjs.com.cn/ |
| Grunt | JavaScript 世界的构建工具 | https://www.gruntjs.cn/ |
| Babel | Babel 是一个 JavaScript 编译器。 | https://www.babeljs.cn/ |
框架类库
| 名称 | 介绍 | 地址 |
|---|---|---|
| single-spa | 前端微服务的javascript框架 | https://zh-hans.single-spa.js.org/ |
| qiankun | 可能是你见过最完善的微前端解决方案 | https://qiankun.umijs.org/zh |
| 无界 | 极致的微前端框架。 | https://wujie-micro.github.io/doc/ |
| Flutter | 为任何设备构建应用程序 | https://flutter.dev/ |
| Electron | 使用JavaScript、HTML和CSS构建跨平台桌面应用程序 | https://www.electronjs.org/zh/ |
| Angular | 构建未来的 Web 开发框架 | https://angular.cn/ |
| React Native | 一次学习，随处书写。 | https://reactnative.dev/ |
| jQuery | Query是一个快速、小巧、功能丰富的JavaScript库。 | https://jquery.com/ |
| Zepto | Zepto是一个极简JavaScript库，用于现代浏览器，具有大部分与jquery兼容的API。 | https://zeptojs.com/ |
| Swiper | Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。 | https://swiper.com.cn/ |
| iSlider | iSlider是一个表现出众，无任何插件依赖的手机平台javascript滑动组件。它能够处理任何元素，例如图片或者DOM元素。 | http://eux.baidu.com/iSlider/demo/index_chinese.html |
JavaScript
| 名称 | 介绍 | 地址 |
|---|---|---|
| MDN | 最权威的web技术查询。 | https://developer.mozilla.org/zh-CN/ |
| ECMA-262 | js标准查询。 | https://tc39.es/ecma262/ |
| 阮一峰 ES6 入门教程 | 《ECMAScript 6 入门教程》是一本开源的 JavaScript 语言教程，全面介绍 ECMAScript 6 新引入的语法特性。 | https://es6.ruanyifeng.com/ |
| 廖雪峰 JavaScript教程 | 这是小白的零基础JavaScript全栈教程。 | https://www.liaoxuefeng.com/wiki/1022910821149312 |
| 现代JavaScript教程 | 以最新的 JavaScript 标准为基准。通过简单但足够详细的内容，为你讲解从基础到高阶的 JavaScript 相关知识。 | https://zh.javascript.info/ |
| freeCodeCamp | 交互式 web 技术教程。 | https://www.freecodecamp.org/chinese/learn |
| JavaScript秘密花园 | 深入 JavaScript 某些特性。 | http://shamansir.github.io/JavaScript-Garden/zh/ |
| JavaScript开发者应懂的33个概念 | 为了帮助开发者掌握 JavaScript 概念而创立的。 | https://github.com/stephentian/33-js-concepts/blob/master/README.md |
| 函数式编程 | 为了帮助开发者掌握 JavaScript 概念而创立的。 | https://llh911001.gitbook.io/mostly-adequate-guide-chinese/ |
| TypeScript | JavaScript 的超集。 | https://www.tslang.cn/ |
CSS
| 名称 | 介绍 | 地址 |
|---|---|---|
| Sass | 世界上最成熟、最稳定、最强大的专业级CSS扩展语言！ | https://www.sass.hk/ |
| Less | 它是 CSS，只是多了一点东西。 | https://less.nodejs.cn/ |
| PostCSS | 是一个用 JavaScript 工具和插件转换 CSS 代码的工具。 | https://www.postcss.com.cn/ |
| stylus | 富于表现力、动态的、健壮的 CSS。 | https://www.stylus-lang.cn/ |
| Animate.css | CSS动画。 | https://animate.style/ |
| Autoprefixer | Autoprefixer是一个PostCSS插件，它可以解析你的CSS并添加供应商前缀。 | https://autoprefixer.github.io/ |
可视化
| 名称 | 介绍 | 地址 |
|---|---|---|
| ECharts | 一个基于 JavaScript 的开源可视化图表库 | https://echarts.apache.org/zh/index.html |
| Three.js | Web3D可视化 | https://threejs.org/ |
| AntV | 蚂蚁集团全新一代数据可视化解决方案。 | https://antv.vision/ |
| DataV | Vue 大屏数据展示组件库。 | http://datav.jiaminghi.com/ |
AI 工具
| 名称 | 介绍 | 地址 |
|---|---|---|
| AI工具集 | 1000+ AI工具集合，国内外AI工具集导航大全 | https://ai-bot.cn/ |
| ChatGPT | 世界上最成熟、最强大的对话交互AI模型 | https://chat.openai.com/ |
| ChatGPT镜像站点 | 这儿为你准备了众多免费好用的ChatGPT镜像站点 | https://github.com/xx025/carrot |
| chat-pdf | 上传一个PDF文件，并询问有关它的任何问题。 | https://damngood.tools/tools/chat-pdf |
| AmyMind | 打开即用，思维导图的基本素养 | https://amymind.com/ |
| 写作猫 | 集AI写作、多人协作、文本校对、改写润色、自动配图等功能为一体 | https://xiezuocat.com/ |
| StockAI.Trade | 基于ChatGPT的AI选股工具 | https://stockai.trade/ |
文字&图标
| 名称 | 介绍 | 地址 |
|---|---|---|
| iconFont | 阿里妈妈MUX倾力打造的矢量图标管理、交流平台。 | https://www.iconfont.cn/ |
| Bootstrap 官方图标库 | 包含 1800 多个图标的免费、高质量的开源图标库 | https://icons.bootcss.com/ |
| Font Awesome | 网络字体工具包 | https://fontawesome.com.cn/ |
| EMOJI中文网 | EMOJI中文网 | https://www.emojiall.com/zh-hans |
图片&视频处理
| 名称 | 介绍 | 地址 |
|---|---|---|
| TinyPng | 智能WebP, PNG和JPEG压缩 | https://tinypng.com/ |
| Final2x | 将图像超分辨率到任意大小 | https://github.com/Tohrusky/Final2x |
| SM.MS | 免费图床工具 | https://sm.ms/ |
| HandBrake | 转换几乎任何格式的视频 | https://github.com/HandBrake/HandBrake |
| HiPDF | 一站式PDF转换解决方案 | https://www.hipdf.cn/all-tools |
测试&优化工具
| 名称 | 介绍 | 地址 |
|---|---|---|
| vConsole | 一个轻量、可拓展、针对手机网页的前端开发者调试面板。 | https://github.com/Tencent/vConsole/blob/dev/README_CN.md |
| PageSpeed Insights | 使您的网页在所有设备上都能快速加载 | https://pagespeed.web.dev/ |
| Responsinator | 主流移动设备显示效果。 | http://www.responsinator.com/ |
| Can I use | 查询浏览器支持的现代web技术 | https://caniuse.com/ |
| Optimizer | Windows平台的优化器 | https://github.com/hellzerg/optimizer |
大牛博客
| 名称 | 介绍 | 地址 |
|---|---|---|
| 阮一峰的个人网站 | 阮一峰的个人网站 | http://www.ruanyifeng.com/ |
| 网道 | 网道教程 | https://wangdoc.com/ |
| 张鑫旭的个人主页 | 张鑫旭的个人主页 | https://www.zhangxinxu.com/ |
| 周爱民的博客 | 周爱民的博客 | https://aimingoo.github.io/ |
| 技术胖的博客 | 15年开发经验，目前主做前端开发 | https://jspang.com/ |
内容管理
| 名称 | 介绍 | 地址 |
|---|---|---|
| VitePress | 简单、强大、快速。满足您一直想要的现代SSG框架。 | https://vitepress.dev/ |
| VuePress | Vue 驱动的静态网站生成器 | https://vuepress.vuejs.org/ |
| docsify | 一个神奇的文档网站生成器。 | https://docsify.js.org/#/zh-cn/ |
| Jekyll | 将纯文本转化为静态网站和博客。 | https://www.jekyll.com.cn/ |