史上最全前端框架库汇总

2023-05-27 0 501

编者按

责任编辑主要就收录于许多常见架构库文件格式和UI模块库。

节录

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: 两个高性能的架构, 创建在Google的 Material Design 基础上。Vux: 如前所述WeUI和Vue(2.x)合作开发的终端端UI模块库,主要就服务于QQ网页。Vant: 有赞后端项目组开放源码的终端端模块库。NutUI: 两套天猫艺术风格的高性能终端端Vue模块库。YDUI Touch一头如前所述Vue2.x的终端端&QQUI。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 unlock插件。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中文网

QQ小程序

QQ小程序文件格式TouchUI WX: 两套完全免费的QQ小程序合作开发架构,扩展了小程序的能力。WePY:让小程序全力支持模块化合作开发的架构,两个最受欢迎的小程序架构.mpvue:两个使用 Vue.js 合作开发小程序的后端架构。taro: 两个开放式跨端跨架构化解方案,全力支持使用 React/Vue/Nerv 等架构来合作开发 QQ / 天猫 / 百度 / 支付宝 / 字节跳动 / QQ 小程序 / H5 等应用领域。uni-app: 两个使用 Vue.js 合作开发所有后端应用领域的架构,合作开发者撰写两套标识符,可发布到iOS、Android、Web(响应式)、和各式各样小程序(QQ/支付宝/百度/头条/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.jsslidePage.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提供更多国际化。i18nextTimelineJS: 时间轴插件。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查询

overapijavascripting开放源码中国在线API文件格式合集菜鸟教程devdocs: 英文文件格式

合作开发工具

WebstormVS CodeHBuildersublime text3AtomJSBin: 一种开放源码的协作式的web 合作开发增容工具。JSFiddle: 编辑 JavaScript、CSS 和 HTML 并获得实时结果。使用外置资源,并和你的项目组在线合作

常见的合作开发论坛

掘金思否github: 全球最大的标识符仓库。overflow: 问答社区。MDN: web 文件格式,两个开放的合作开发者社区创造。

其他

Markdown: 一份免费且开放源码的 Markdown 参考手册,详细讲解了 Markdown 这一单纯、易用的文件格式格式化标记语言的用法。git: 版本控制工具。svn: 两个开放源标识符的版本控制系统。Ionic 两个强大的 HTML5 插件合作开发架构。mui: 最接近原生APP体验的高性能后端架构。leetCode: 力扣提供更多海量技术面试资源,帮助你高效提升编程技能,随心所欲拿下世界IT 名企。font-awesome: 字体为您提供更多可缩放矢量图标,它能被定制大小、颜色、阴影和任何能用 CSS 的样式。Bootstrap

: 简洁、直观、强悍的后端合作开发架构,让web合作开发更迅速、单纯。作者:FishStudy520

链接:https://segmentfault.com/a/1190000038394451 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务