前端框架库汇总

更新日期: 2020-12-10阅读: 2.2k标签: 框架

导读

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


Vue

Vue2.0vue2.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

React入门文档: 用于构建用户界面的 JavaScript 库。

React-router: React路由。

React-Redux: React 状态容器。

Ant Design React: 阿里巴巴团队出品的ReactUI组件库。

Material-UI: React 组件用于更快速、更简便的 web 开发。

React-Bootstrap: 可重用的前端组件库。

Ant Design Mobile: 一个基于 Preact / React / React Native 的 UI 组件库(移动端)。

BFD UI: BFD UI —— 企业级 React 组件库。

React Native: 使用JavaScript和React编写原生移动应用。

React-toolbox: 一组实现Google的Material Design规范的React组件。

BizCharts: 阿里通用图表组件库。

dva: 基于 redux、redux-saga 和 react-router 的轻量级前端框架。

react-cropper: React图像裁剪器。

react-lazyload: React 懒加载组件(组件、图片等)。

react-treeview: React实现的简单、轻量级、灵活的树视图。

react-motion: React 弹性动画库。

react-player:用于播放各种url,包括文件路径、YouTube、Facebook、Twitch、SoundCloud、Streamable、Vimeo、Wistia、Mixcloud和DailyMotion。

react-color: 颜色选择器。

react-quill: React 富文本编辑器。

react-datepicker: React 日期选择组件。

react-scroll: React 滚动组件。

react-swipe: React 轮播组件。

redux-devtools: react 游览器调试插件。

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

Flutter 文档: Google一个新的用于构建跨平台的手机App的SDK。

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查询

开发工具

Webstorm

VS Code

HBuilder

sublime text3

Atom

JSBin: 一种开源的协作式的web 开发调试工具。

JSFiddle: 编辑 JavaScript、CSS 和 HTML 并获得实时结果。使用外置资源,并和你的团队在线合作


常见的开发论坛

掘金

思否

github: 全球最大的代码仓库。

overflow: 问答社区。

MDN: web 文档,一个开放的开发者社区创造。

fly63前端网


其他

Markdown: 一份免费且开源的 Markdown 参考手册,详细讲解了 Markdown 这一简单、易用的文档格式化标记语言的用法。

git: 版本控制工具。

svn: 一个开放源代码的版本控制系统。

Ionic 一个强大的 HTML5 应用程序开发框架。

mui: 最接近原生APP体验的高性能前端框架。

leetCode: 力扣提供海量技术面试资源,帮助你高效提升编程技能,轻松拿下世界IT 名企。

font-awesome: 字体为您提供可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用 CSS 的样式。

Bootstrap: 简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。


链接: https://fly63.com/article/detial/9923

Angular、Vue、React 和前端的未来

越来越多的人开始站队 Angular、Vue、React,仅仅围绕这些库或者框架进行前端技术讨论,这实在不是什么好的现象。其实我想基于我个人的经验聊下前端的演进和未来,希望可以贡献微薄的力量,消除一些我个人认为的前端社区不太好的风气。

JavaScript 框架的探索与变迁

近几年可谓是 JavaScript 的大爆炸纪元,各种框架类库层出不穷,它们给前端带来一个又一个的新思想。从以前我们用的 jQuery 直接操作 DOM,到 BackboneJS、Dojo 提供监听器的形式,在到 Ember.js、AngularJS 数据绑定的理念,再到现在的 React、Vue 虚拟 DOM 的思想。

新框架(新工具,语言)从入门到精通的正确姿势

新框架(新工具,语言),一、了解概念,把握思路,二、迅速实战,见招拆招,三、深入文档,求人不如求己,四、掌握原理,有恃无恐,五、源码分析,自立门户。如果你已经熟悉一门计算机语言,当再学习其他语言的时候,会发现他们几乎是大同小异,对比着学习,会令你事半功倍。

现代 js 框架存在的根本原因

我曾见过很多很多人盲目地使用(前端)框架,如 React,Angular 或 Vue等等。这些框架提供了许多有意思的东西:它们支持组件化;它们有强大的社区支持;它们有很多(基于框架的)第三方库来解决问题;它们有很多(很好的)第三方组件;它们有浏览器扩展工具来帮助调试;它们适合做单页应用。

Uber开源Fusion.js:一个基于插件架构的通用Web框架

Web 技术变化得很快,而最佳技术实践也在不断发展。Uber 的 Web 平台团队开发了 Fusion.js,一个开源的 Web 框架,用于简化 Web 开发,并构建出高性能的轻量级 Web 应用程序。

web前端框架选择_前端框架是解药还是毒药?

要使用现代的前端框架,你需要下载开发环境和依赖,编译代码,然后在浏览器上运行。这个是好是坏?究竟是什么导致了这种不必要的复杂性?是因为我们构建的网站太复杂,还是因为框架本身就很复杂?

前端框架选型

有一个流传较广的笑话,一个人在stackoverflow中提了一个问题,如何使用javascript实现一个数字与另外一个数字相加。最高票回答是你应该使用jQuery插件,jQuery插件可以做任何事情。 历史总是在重演,以前是jQuery,现在可能是react或vue。不同的框架有不同的应用场景,杀鸡不要用牛刀

基于wsgiref模块DIY一个web框架

Web框架(Web framework)是一种开发框架,用来支持动态网站、网络应用和网络服务的开发。这大多数的web框架提供了一套开发和部署网站的方式,也为web行为提供了一套通用的方法

Ionic 框架宣布 2019 年将正式支持 Vue 和 React

Ionic 是一个高级的 HTML5 移动端应用框架,也是一个开发混合移动应用的前端框架,旨在让 Web 开发者更轻松地构建、测试、部署和监控跨平台应用。Ionic 基于 Angular 语法,之前一直不支持 Vue 和 React 。

Nancy_轻量级的Web框架

最近想找一个简单的.Net下的轻量级Web框架,作为用户的本地的一个WebServer,实现同浏览器程序的一些简单交互,并调用本地服务,实现类似浏览器插件的功能。它有如下几点要求:

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!