React#
| 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 |
Vue#
| 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 | ||
|---|---|---|
| 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 库#
| 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#
| 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#
| 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 工具 | ||
|---|---|---|
| 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/ |