前端框架库汇总

admin web前端 暂无评论 1,651 浏览

导读

本文主要收录一些常用框架库文档以及UI组件库。

阅读三连：点赞（👍）、关注（😍）、收藏（📝）。
本文 github (前端资源汇总) 已上传，更多往期文章已分类整理。

正文

Vue
  • Vue2.0：Vue2.0 文档
  • Vue3.0：Vue3.0 文档
  • Vue-Router：Vue.js 官方的路由管理器。
  • Vuex：Vue.js 应用程序开发的状态管理模式。
  • Element-UI：饿了么UI组件库
  • View UI：一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。
  • Vuetify：用于构建功能丰富、快速的应用程序。
  • Buefy-UI： 简单且轻量的UI库。
  • Quasar: 编写代码一次并同时将其部署为网站、移动应用和/或Electron应用。
  • Vue Material: 一个轻量级的框架， 建立在谷歌的 Material Design 基础上。
  • Vux: 基于WeUI和Vue(2.x)开发的移动端UI组件库，主要服务于微信页面。
  • Vant: 有赞前端团队开源的移动端组件库。
  • NutUI: 一套京东风格的轻量级移动端Vue组件库。
  • YDUI Touch一只基于Vue2.x的移动端&微信UI。
  • Ant Design Vue: Vue UI组件库,开箱即用的高质量 Vue 组件。
  • Wot Design: 根据京东商家侧的UI设计规范（京麦移动端设计规范）开发，旨在给商家提供统一的UI交互，同时提高研发的开发效率。
  • VuePress： Vue 驱动的静态网站生成器。
  • Gridsome： 基于 Vue.js 构建的 Jamstack 框架。让开发人员可以轻松地构建静态生成的网站和应用程序，这些网站和应用程序 。
  • better-scroll: 解决移动端（已支持PC）各种滚动场景需求的插件。
  • vue-multiselect: Vue多选。
  • vue-table: vue-table-数据表简化！
  • vue-infinite-scroll: vue 的无限滚动插件。
  • vue-progressbar: Vue 进度条插件。
  • vue-devtools： Vue 游览器调试插件。
React
Angular
  • Angular文档： 一个应用设计框架与开发平台，用于创建高效、复杂、精致的单页面应用。
  • Ant Design Angular: Ant Design 设计规范的 Angular UI 组件库。
  • DevUI: 一款开源免费的企业中后台产品前端的通用解决方案。
  • NG-NEST： 一个开源的 Web 应用程序框架，基于 Angular 和 Nest ，主要用于研发企业级中后台产品。
  • Ant Design Mobile Angular： Ant Design 设计规范的 Angular UI 组件库(移动端)。
  • Angular Material: 使用横跨 Web、Mobile 和桌面环境的综合性组件库构建现代应用。
  • Angular-animate:
  • AngularJS入门教程

TypeScript

  • typeScript文档： JavaScript 类型超集，可以编译成纯JavaScript 。
Flutter

微信小程序

  • 微信小程序文档
  • TouchUI WX: 一套完全免费的微信小程序开发框架，扩展了小程序的能力。
  • WePY:让小程序支持组件化开发的框架,一个最受欢迎的小程序框架.
  • mpvue:一个使用 Vue.js 开发小程序的前端框架。
  • taro: 一个开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发 微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ 小程序 / H5 等应用。
  • uni-app: 一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。

工具库

  • jQuery: 一个高效、精简并且功能丰富的 JavaScript 工具库。
  • Zepto.js: 一个轻量级的针对现代高级浏览器的JavaScript库， 它与jquery有着类似的api。
  • Moment.js: JavaScript 日期处理类库。
  • date-fns.js: 一个现代的 JavaScript 日期工具类库，提供了最全面、最简单和一致的工具集，用于在浏览器和 Node.js 中操作。
  • Underscore.js：是一个JavaScript实用库，提供了一整套函数式编程的实用功能。
  • Sugar.js: 一个可以用来处理原生对象的库。
  • Math.js: Javascript 扩展数学库。
  • Lodash.js:一个一致性、模块化、高性能的 JavaScript 实用工具库。
  • cnhammer.js: 一个可以识别触摸、鼠标和点击事件等手势的开放源码类库。
  • Ramda.js:一款实用的 JavaScript 函数式编程库。
  • Axios.js:一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。
  • lazy.js: 功能类似 Underscore 和 Lodash。
  • Voca.js: 一个用于操作字符串的 Javascript 库。
  • Babel.js: 一个 JavaScript 编译器。
  • RequireJS： 一个JavaScript模块加载器。
  • RxJS: 使用 Observables 的响应式编程的库，它使编写异步或基于回调的代码更容易。
  • sea.js： 一个适用于 Web 浏览器端的模块加载器。
  • Backbone.js: 为复杂Javascript应用程序提供模型(models)、集合(collections)、视图(views)的结构。英文
  • reveal.js: 一个能够帮助我们很轻易地使用 HTML 创建一个漂亮的演示文稿的框架。
  • Cycle.js: 一个函数式和响应式的 JavaScript 框架，编写可观测代码。
  • system.js:一个通用的模块加载器，它能在浏览器或者 NodeJS 上动态加载模块，并且支持 CommonJS、AMD、全局模块对象和 ES6 模块。
  • ESL.js：一个浏览器端、符合AMD的标准加载器，适合用于现代Web浏览器端应用的入口与模块管理。
  • expect.js: 简约的、适用于 Node.js 和浏览器端的 BDD 式断言工具。
  • can.js: 客户端JavaScript架构库的集合。
  • most.js: 用于反应式编程的工具包。
  • foundation.js: 一个支持响应式布局的前端框架。
  • Semantic.js: 一款开发框架，帮助开发者使用对人类友好的 HTML 语言构建优雅的响应式布局。
  • Bulma: 一个基于 Flexbox 布局技术的免费、开源的现代 CSS 框架。
  • Phaser.js: 一款快速、免费以及开源 HTML5 游戏框架，它支持 WebGL 和 Canvas 两种渲染模式，可以在任何 Web 浏览器环境下运行，游戏可以通过第三方工具转为 iOS、Android 支持的 Native APP，允许使用 JavaScript 和 TypeScript 进行开发。
  • Request.js: 针对浏览器和节点的请求库。
  • Hammer.js: 一个开源的,轻量级的 JavaScript 库,它可以在不需要依赖其他东西的情况下识别触摸,鼠标事件。
  • Ember.js: 一个开源的 JavaScript 客户端框架，用于开发Web应用程序并使用MVC（模型 - 视图 - 控制器）架构模式。
  • handlebars.js: 一个 JavaScript 语义模板库，通过对视图（view）和数据的分离来快速构建 Web 模板。
  • jqueryui: jQuery UI 是建立在 jQuery JavaScript 库上的一组用户界面交互、特效、小部件及主题。
  • Sizzle.js: 一个纯 JavaScript 实现的 CSS 选择器引擎。
  • Avalon.js: 一个迷你、易用、高性能的前端MVVM框架。
  • String.js: JavaScript字符串中没有包含的方法，例如转义html、解码html实体、剥离标记等。

Js插件

  • Swiper.js：移动端网站的内容触摸滑动插件。
  • Glide.js： 一个无依赖关系的JavaScript ES6滑块和carousel。
  • QRCode.js: 二维码生成插件。
  • slidePage.js： slidePage3 特别适合主流前端框架开发，无任何依赖库，一个优化的全屏插件。
  • fullPage.js： fullPage.js 是一个基于 jQuery 的插件，它能够很方便、很轻松的制作出全屏网站。
  • Validate.js: JavaScript表单验证类库。
  • tree-d3.js： tree 树状图 d3.js。
  • zTree.js: 树插件。
  • jstree: jquery插件，提供交互式树。支持HTML和JSON数据源以及AJAX加载。
  • Datatables.js：一个高度灵活的工具，可以将任何HTML表格添加高级的交互功能。
  • DatePicker.js: 时间选择插件。
  • layDate.js: layDate 日期与时间组件。
  • Date.js: 一个开放源代码的JavaScript Date库，用于解析，格式化和处理。
  • clipboard.js:现代化的拷贝文字插件。
  • PDF.js: 一个基于 web 标准的通用 pdf 解析和渲染库。
  • jquery-i18n: 一个轻量级的jQuery插件，用于像Java Resource Bundles中那样从“ .properties”文件为javascript提供国际化。
  • i18next
  • TimelineJS: 时间轴插件。
  • amfe-flexible： 移动端适配。
  • lazyLoad.js：Lazy Load延迟加载图像插件，直到用户滚动到它们才显示！
  • spin.js: Loading界面插件。
  • CodeMirror.js: 文本编辑器。
  • TinyMCE.js :文本编辑器。
  • Video.js: 一个通用的在网页上嵌入视频播放器的 JS 库，Video.js 自动检测浏览器对 HTML5 的支持情况,如果不支持 HTML5 则自动使用 Flash 播放器。
  • SweetAlert.js: 一个 JavaScript 插件，能够完美替代 JavaScript 自带的 alert 弹出框，并且功能强大、设计优美。
  • PhotoSwipe.js: 一个 JavaScript 实现的相册组件，没有外部依赖。
  • highlight.js: 用JavaScript编写的语法突出显示工具。
  • Cropper.js: 一款非常强大却又简单的图片裁剪工具,它可以进行非常灵活的配置,支持手机端使用,支持包括 IE9 以上的现代浏览器。
  • Store.js: 跨浏览器存储插件。
  • Js-cookie: 一个简单，轻巧的JavaScript API，用于处理Cookie.
  • Mousetrap.js: 一个用于处理键盘快捷键的简单库。
  • FlexSlider.js: 全屏响应式轮播图插件。
  • Leaflet.js: 一个开放源代码的JavaScript库，用于移动友好的交互式地图。

动画库

  • iTyped.js: 简单 Javascript 动画输入，没有任何依赖关系。
  • Three.js: 3D显示动画库。
  • Animejs:一个轻量的JavaScript 动画库， 拥有简单而强大的API。可对 CSS 属性、 SVG、 DOM 和JavaScript 对象进行动画。
  • Mo.js： 一款效果非常炫酷的HTML5 SVG气泡导航和波浪式页面切换特效。
  • Velocity.js：一个简单易用、高性能、功能丰富的轻量级JS动画库。
  • ScrollReveal.js： 一个JavaScript库，用于在元素进入/离开视口时轻松对其进行动画处理。
  • Kute.js： 一个完全成熟的原生 JavaScript 动画引擎，具有跨浏览器动画的基本功能。
  • Bounce.js:快速创建漂亮的 CSS3 动画效果。
  • Dynamicsjs: 一个JavaScript库，用于创建基于物理的动画。
  • GreenSock.js):适用于现代网络的专业级JavaScript动画。
  • Particles.js:用于创建粒子的轻量级JavaScript库。
  • Matter.js:Matter.js是Web的2D物理引擎。
  • Parallax.js:滚动视差效果封装，便于快速调用实现。
  • Tween.js: 补间动画。
  • Ramjet.js： 制作从一个元素变化为另外一个元素的动效，它能作用于DOM元素、SVG、静态和动态的图片。
  • Rellax.js:让页面滚动更有趣的动画库。
  • Hover.css： 一组CSS3动力悬停效果，可应用于链接，按钮，徽标，SVG，特色图像等。
  • Animista.css： 一个在线动画生成器，同时也是一个动画库。
  • Animate.css：一个来自国外的 CSS3 动画库，它预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、翻转（flip）、旋转（rotateIn/rotateOut）、淡入淡出（fadeIn/fadeOut）等多达 60 多种动画效果。
  • Vivify.css：一个免费的CSS动画库。
  • Magic Animations CSS3：CSS3 动画库。
  • cssanimation：一堆不同动画集合，CSS3 动画包。
  • Angrytools: 可以做动画生成器，同时也是一个动画库。

Css 预处理

  • sass: 世界上最成熟、最稳定、最强大的专业级CSS扩展语言。
  • less: 一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。
  • stylus： 一个高效、动态以及丰富的 CSS 预处理器。

图表库

  • C3.js: C3.js 开源图表库
  • Chart.js：为设计和开发人员准备的简单、灵活的 JavaScript 图表工具。
  • Chartist.js: 一个简单的 JavaScript 动画库，你能够自制美丽的响应式图表，或者进行其他创作。
  • D3.js： 一个非常强大的图形JavaScript库。D3.js可以作为图表库的构建块且免费。
  • Echarts： 数据可视化图表库。
  • Flot.js： jQuery的Javascript图表库。
  • HighCharts.js：兼容 IE6+、完美支持移动端、图表类型丰富、方便快捷的 HTML5 交互性图表库。
  • koolchart.js：基于HTML5 Canvas的JavaScript图表库。
  • Recharts： Recharts是一个用React和D3构建的重新定义的图表库。

包管理工具

  • npm: 包管理工具。
  • yarn: 快速、可靠、安全的依赖管理工具。
  • bower

打包工具

  • gulp: 用自动化构建工具增强你的工作流程。
  • webpack: 一个现代 JavaScript 应用程序的静态模块打包器。
  • grunt: 基于 Node.js 的项目构建工具。
  • Parcel: Web 应用打包工具，适用于经验不同的开发者。
  • rollup: 一个 JavaScript 模块打包器，可以将小块代码编译成大块复杂的代码。
Node
  • Node 中文网文档
  • Express:基于 Node.js 平台，快速、开放、极简的 Web 开发框架。
  • koa: Koa -- 基于 Node.js 平台的下一代 web 开发框架。
  • Egg:为企业级框架和应用而生。
  • Meteor: 一个web APP开发框架。
  • Nodal: Node.js的网络服务器，经过优化可快速高效地构建API服务。
  • Keystone: 以Express和MongoDB为基础搭建的Node.js CMS和web应用程序平台。
  • Sails:一个优秀的web后台开发框架。它基于著名的express，添加了很多功能模块，支持REST、各种流行数据库等。
  • Loopback: LoopBack 框架是由一组Node.js的模块构成的。
  • Pomelo:一个轻量级的服务器框架，它最适合的应用领域是网页游戏、社交游戏、移动游戏的服务端，开发者会发现pomelo可以用如此少的代码达到强大的扩展性和伸缩性。。
  • Totaljs: Node.js 的 MVC 框架。
  • Derby: DerbyJS 是一个 MVC 框架，帮助编写实时，交互的应用。
  • Socket: Socket.io是一个类库，可以在浏览器与服务器之间实现实时、双向、基于事件的通信。英文
  • Mojito: 一个模块化的，由源代码控制的拆分测试框架，可让您通过Git / CI构建，启动和分析实验。
  • Next: 用于构建高效且可伸缩的服务端应用程序的渐进式 Node.js 框架。
  • ThinkJS: 一款面向未来开发的 Node.js 框架，整合了大量的项目最佳实践，让企业级开发变得更简单、高效。
  • Mean

测试工具

  • eslint： 可组装的JavaScript和JSX检查工具。
  • Jest： 一个令人愉快的 JavaScript 测试框架，专注于简洁明快。
  • mocha： 一个功能丰富的javascript测试框架，运行在node.js和浏览器中，使异步测试变得简单有趣。
  • JSHint: 用于标记用JavaScript编写的程序中的可疑用法。
  • JScs.js: 验证JavaScript代码。

Api查询

开发工具

常见的开发论坛

其他

  • Markdown： 一份免费且开源的 Markdown 参考手册，详细讲解了 Markdown 这一简单、易用的文档格式化标记语言的用法。
  • git: 版本控制工具。
  • svn: 一个开放源代码的版本控制系统。
  • Ionic 一个强大的 HTML5 应用程序开发框架。
  • mui: 最接近原生APP体验的高性能前端框架。
  • leetCode: 力扣提供海量技术面试资源，帮助你高效提升编程技能，轻松拿下世界IT 名企。
  • font-awesome: 字体为您提供可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用 CSS 的样式。
  • Bootstrap： 简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。

最后

如果喜欢或对你有用，那就点个赞呗（👍👍👍）！ (╯ε╰)(╯ε╰)(╯ε╰)。
欢迎在留言区，留下你使用过好的框架库。

via https://segmentfault.com/a/1190000038394451

相关博文

前端框架库汇总
赏