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/ |