关于前端:前端框架库汇总

82次阅读

共计 7690 个字符,预计需要花费 20 分钟才能阅读完成。

导读


本文次要收录一些罕用框架库文档以及 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 进度条插件。
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 社区
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。

微信小程序


  • 微信小程序文档
  • 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 查问

  • overapi
  • javascripting
  • 开源中国在线 API 文档合集
  • 菜鸟教程
  • devdocs: 英文文档

开发工具


  • Webstorm
  • VS Code
  • HBuilder
  • sublime text3
  • Atom
  • JSBin: 一种开源的合作式的 web 开发调试工具。
  • JSFiddle: 编辑 JavaScript、CSS 和 HTML 并取得实时后果。应用外置资源,并和你的团队在线单干

常见的开发论坛


  • 掘金
  • 思否
  • github:寰球最大的代码仓库。
  • overflow: 问答社区。
  • MDN: web 文档,一个凋谢的开发者社区发明。

其余


  • Markdown:一份收费且开源的 Markdown 参考手册,具体解说了 Markdown 这一简略、易用的文档格式化标记语言的用法。
  • git: 版本控制工具。
  • svn: 一个凋谢源代码的版本控制系统。
  • Ionic 一个弱小的 HTML5 利用程序开发框架。
  • mui: 最靠近原生 APP 体验的高性能前端框架。
  • leetCode: 力扣提供海量技术面试资源,帮忙你高效晋升编程技能,轻松拿下世界 IT 名企。
  • font-awesome: 字体为您提供可缩放矢量图标, 它能够被定制大小、色彩、暗影以及任何能够用 CSS 的款式。

最初


如果喜爱或对你有用,那就点个赞呗(????????????)!(╯ε╰)(╯ε╰)(╯ε╰)。

正文完
 0