前端常用工具库整理

2023-11-05

|功能库|<<<

Axios|一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中|http://www.axios-js.com/
Lodash|一个一致性、模块化、高性能的 JavaScript 实用工具库|https://www.lodashjs.com/
Underscore|一个JavaScript实用库,提供了一整套函数式编程的实用功能,但是没有扩展任何JavaScript内置对象。|https://underscorejs.net/
Ramda |一款实用的 JavaScript 函数式编程库。|https://ramda.cn/
Moment.js|时间处理库|http://momentjs.cn/
MathJS|这个库是 JavaScript 和 Node.js 的数学扩展库,与 JavaScript 内置的 Math 库兼容。|https://mathjs.org/
Day.js|仅 2 kb大小的时间处理库,和 Moment.js 的 API 设计保持完全一样|https://dayjs.fenxianglu.cn/
tui.calendar|ThorUI,轻量、简洁、全面的移动端组件库中的日历组件|http://www.thorui.cn/doc/docs/thorui/tui-calendar.html
Keycode | 获取键盘按键的 JavaScript keycode|http://keycode.info/

|前端UI库|<<<

Bootstrap|Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 Web 项目。|https://www.bootcss.com/
ElementUI|可以很好的搭配vue来进行项目的开发,提供了很多风格统一美观的组件。|https://element.eleme.cn
Antd Design|antd 是基于 Ant Design 设计体系的 React UI 组件库,主要用于研发企业级中后台产品。|https://ant.design/index-cn
Thor-UI|ThorUI,轻量、简洁、全面的移动端组件库|http://www.thorui.cn

|布局|<<<

Macy.js|仅 4 kb的 原生 流布局插件|http://macyjs.com/
Section separators | CSS 实现区域分割|https://tympanus.net/Development/SectionSeparators/

|JS滚动动画|<<<

wow.js|让页面滚动更有趣|dowebok.com/demo/131/
Barba.js|流式页面过渡|https://barba.js.org/
Waypoints.js | 滚动到某个元素位置时触发一个功能|http://imakewebthings.com/waypoints/
fullPage.js|基于 jQuery 的插件,它能够很方便、很轻松的制作出全屏网站|http://fullpage.81hu.com/
Scrolline.js | 页面滚动时显示滚动进度|https://jquery-plugins.net/scrolline-js-scroll-line-bar-indicator-on-page
Animate on scroll | 漂亮的页面滚动元素动画|https://michalsnik.github.io/aos/
Pagepiling.js | 全屏滚动|https://github.com/alvarotrigo/pagePiling.js

|JS特效动画|<<<

tippyjs|玩转鼠标悬停提示信息|https://atomiks.github.io/tippyjs/
Vivus.js |在 SVG 上绘制动画|http://maxwellito.github.io/vivus/
Highlight.js | web 语法高亮|https://highlightjs.org/
OWL Carousel.js|走马灯插件|https://www.dowebok.com/demo/2014/93/
typed-js|打字效果|https://mattboldt.com/demos/typed-js/
Velocity.js|动画库|http://velocityjs.org/
Tween.js|TweenJS类库主要用来调整和动画HTML5和Javascript属性,提供了简单并且强大的tweening接口。|http://www.createjs.cc/tweenjs/
Shepherd.js | 为应用创建新手引导|https://github.com/HubSpot/shepherd
Anime.js| 动画库|https://www.animejs.cn/
Dragdealer.js | 炫酷拖|https://skidding.github.io/dragdealer/
Sortable | 拖拽插件|http://www.sortablejs.com/

|CSS动画|<<<

Motio|一个基于动画和平移的雪碧图库|https://darsa.in/motio/#!introduction
Animate.css|常用的CSS动画|https://animate.style/
Bounce.js| 创建炫酷的 CSS3 动画|http://bouncejs.com/
TweenMax|动画库|https://www.tweenmax.com.cn/
Barba.js|流式页面过渡|https://barba.js.org/
CSSpin | css spinners 合集,CSS Spinners and Loaders|https://webkul.github.io/csspin/
Magic animations | CSS3 实现动画特效|https://www.minimamente.com/project/magic/

|颜色、配色|<<<

Flat UI Colors | 扁平化设计配色|https://flatuicolors.com/
Colorrrs |随机颜色生成器|https://www.webfx.com/web-design/random-color-picker/

|ICON|<<<

Ion icons |Icon 集合|https://ionicons.com/
Font awesome |Icon 集合|https://feathericons.com/
阿里图标库|-|https://www.iconfont.cn/
On/Off switch | 使用 CSS 创建 on/off 开关、radio 按钮|https://proto.io/freebies/onoff/

|字体|<<<

Font awesome | 字体集合|https://fontawesome.com/
Font generator | 组合多个字体创建混合字体|https://brandmark.io/font-generator/

|可视化|<<<

D3JS|绘图库|https://d3js.org/
ChartJS|提供了 8 种不同类型的数据可视化,每种类型都支持动画和定制。|https://www.chartjs.org/samples/latest/
Echarts|数据可视化|https://echarts.apache.org
HighCharts|方便快捷的纯 JavaScript 交互性图表,是目前是市面上最简单灵活的图表库。|https://www.highcharts.com.cn/

|3D|<<<

Particles.js| 一个用来在 web 中创建炫酷的浮动粒子的库 |http://vincentgarreau.com/particles.js/
Three.js |一个用来在 web 中创建 3d 物体和 3d 空间的库|https://threejs.org/
Tween.js|TweenJS类库主要用来调整和动画HTML5和Javascript属性,提供了简单并且强大的tweening接口。|http://www.createjs.cc/tweenjs/

|识别|<<<

tesseract.js|OCR识别js语言库|https://tesseract.projectnaptha.com/
trackingjs|人脸识别库|官网,示例

|其它|<<<

Awesome Vuejs Resource|Vue 资源|https://github.com/suifeng123/awesome-vue-cn
Touch.js|移动端手势库|https://www.w3cways.com/2007.html
httpserver|轻量级本地web服务器|
TwentyTwenty | 一个对比图片的可视化 diff 工具|https://zurb.com/playground/twentytwenty

参考网址

https://www.cnblogs.com/hasz/p/14330945.html

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

前端常用工具库整理 的相关文章

  • Javascript 函数与 php 一样吗?

    我在网站上使用 WebIM 提供聊天支持 我希望能够在客户端启动聊天会话时设置一个计时器 如果操作员 技术人员在 x 秒内没有响应 我希望页面重定向到客户端可以留言的另一个页面 有点像 请稍等 我们尝试联系您 这样 如果所有技术人员都太忙或
  • AngularJS 指令 - 设置多个指令元素的顺序(不是指令的优先级,而是元素的优先级)

    考虑带有指令 foo 的标记 div div div div div div 使 foo 按指定顺序而不是从上到下 3 1 2 运行的好方法是什么 我唯一能想到做的就是跟踪已运行的内容并在不按顺序的项目上返回 false 然后让 Angul
  • 我无法注入带有“!important”规则的样式[重复]

    这个问题在这里已经有答案了 我尝试使用以下代码注入样式 document body style color green important Per CSS 级联引用 http www w3 org TR CSS2 cascade html
  • moment.calendar() 没有时间

    我想使用不带时间的 moment calendar 选项 所以而不是 上周二下午 5 点 我想要 上周二 有人知道 Moment 现在是否有解决方案吗 我找到了这个小提琴http jsfiddle net nawxZ http jsfidd
  • 需要禁用引导时间选择器的输入

    我正在使用 Bootstrap 时间选择器 我已经成功实施了 但我需要的是用户只能在 30 分钟间隙内插入 例如 10 00 10 30 11 00 等 为此我尝试过的是minuteStep如下图所示 效果完美 fantasyleague
  • 单击量角器中元素的给定坐标

    我想点击我的特定位置canvas元素 所以我编写了以下量角器代码 var canvas element by id canvas var clickCanvas function toRight toBottom browser actio
  • 如何将元素的每个单词包装在span标签中?

    div date contents filter function return this nodeType 1 wrap span span 我是新手 认为代码可以解决问题 但它将所有内容都包含在 span 像这样 div class d
  • 如何延迟 NavLink 的反应?

    Delay e gt e preventDefault setTimeout gt e unpreventDefault make this work 500 render
  • Angular - Safari 无法正确显示 DOM

    我是 Angular 的新手 使用 Angular 4 我尝试通过在关联的组件类文件中设置属性来更新特定元素 但是 除非我尝试强制重新绘制网页 通过调整窗口大小等 否则页面不会更新 我打开检查器 看到 DOM 已更改 但显示与元素检查器中的
  • 如何按单个整数字段对 JSON 进行排序? [复制]

    这个问题在这里已经有答案了 我有以下 JSON title title order 0 order 9 order 2 JSON 包含很多字段 我如何根据字段对它们进行排序order field 我一直在寻找 Nodejs 中内置的东西 但
  • JQuery 可排序嵌套可排序 div

    这个问题与这个有关Nest jQuery UI 可排序 https stackoverflow com questions 19129476 nest jquery ui sortables 但我无法解决我的问题 问题是 我有一个包含项目的
  • 使用 jQuery 的 javascript 关联数组长度

    我正在使用 javascript 关联数组 例如 var testarray testarray one 1 testarray two 2 testarray three 3 我也在旁边使用jquery 如何使用 jquery 或任何其他
  • 如何在WebBrowser控件中注入Javascript?

    我试过这个 string newScript textBox1 Text HtmlElement head browserCtrl Document GetElementsByTagName head 0 HtmlElement scrip
  • 无法从 Twin.macro 中的 Prop 获取值

    您可以在这里查看我正在尝试执行的操作的示例 https codesandbox io s vibrant leaf qj8vz https codesandbox io s vibrant leaf qj8vz 注意 这个特定的例子使用双宏
  • Material.Angular.io mat-autocomplete [displayWith] 函数更新范围变量

    我遇到了一个问题 我可以在实例化 mat autocomplete 的组件控制器中访问本地声明的变量 我面临的问题是局部变量被困在这个范围内 我无法更新它们 有关更新 mat autocomplete 范围变量的任何想法或想法 最终我要做的
  • 两个日期之间间隔 15 分钟 javascript

    问题 我需要将两个日期 时间戳之间的所有 15 分钟时隙 日期格式 2016 08 10 16 00 00 创建为 HH mm 格式的数组 其中分钟限制为 00 15 30 45 示例 中午 12 30 到下午 2 30 将 gt 12 3
  • 如何在 JavaScript 中从代理对构造 UTF-16 字符?

    以下计算 Unicode 代码点的 UTF 16 代理对 戴着医用口罩的脸 https emojipedia org face with medical mask 但是如何从代理对构造字符以在字符串中使用呢 const codepoint
  • 使用 Javascript 检测 Pepper (PPAPI) Flash

    我们使用的是专有的文档查看器 它与某些 Chrome 版本中的 Pepper 版本的 Flash 配合得不太好 所以我希望能够检测到它并重定向到不同格式的相同内容 由于这个版本似乎落后于 NPAPI 版本 所以我一直在使用闪光检测 http
  • 将 javascript 变量作为参数传递给 @url.Action()

    是否可以将javascript变量作为参数传递给 url Action 因为据我所知可能存在服务器和客户端问题 我的要求是我必须根据过滤器下载文件 并进行ajax调用不适用于下载文件 所以我对 url Action 进行了编码 但无法实现这
  • 将一维数组转换为二维数组[重复]

    这个问题在这里已经有答案了 我正在开发一个程序 我必须将文本文件中的值读入一维数组 我已经成功获取该一维数组中的数字 m1 1 2 3 4 5 6 7 8 9 但我希望数组是 m1 1 2 3 4 5 6 7 8 9 您可以使用此代码 co

随机推荐

  • python pandas使用pipe管道增强代码可读性

    pandas dataframe的pipe文档链接 https pandas pydata org docs reference api pandas DataFrame pipe html 使用pipe可以像水流一样 有顺序的执行data
  • 三子棋【C语言实现】

    三子棋 让我们一起用C语言来玩一场三子棋的游戏吧 文章目录 三子棋 前言 一 基本步骤 二 具体实现 1 菜单界面 2 创建棋盘 3 棋盘初始化 4 打印棋盘 5 玩家落子 6 电脑落子 7 判断输赢 8 运行演示 1 玩家获胜 2 电脑获
  • Android apk安装管理(PackageManagerService 分析)

    Android apk安装管理 PackageManagerService 分析 本篇主要分析了系统启动阶段包管理服务的启动流程 其中的几个接口在apk安装时也会被调用 包管理服务启动时主要做的工作大致有如下几方面 1 建立java层的in
  • python安装pywin32报错问题的解决。

    前几天在win7系统安装pywin32 报错提示dll动态库找不到 在网上查找各种资料 均未解决 后来发现是缺少vcruntime140 1 dll 下载后复制到Windows的system32文件夹下 完美解决 注意是vcruntime1
  • python机器学习模型选择&调参工具Hyperopt-sklearn(1)——综述&分类问题

    针对特定的数据集选择合适的机器学习算法是冗长的过程 即使是针对特定的机器学习算法 亦需要花费大量时间和精力调整参数 才能让模型获得好的效果 Hyperopt sklearn可以辅助解决这样的问题 主页 http hyperopt githu
  • python学习:静态方法,类方法,property装饰,抽象类

    1 静态方法 关键词为 staticmethod def func 在类实例化之前使用 如Class func 使用场景 如检测是否满足实例化的条件 2 类方法 关键词为 classmethod def func return cls 类方
  • Android使用ProgressBar实现加载动画

    项目需要做一个加载转圈的效果 给了一张菊花图 首先想到的是使用补间动画的旋转效果 在anim目录中创建loading xml
  • WPF加载大量控件的优化

    WPF 应用程序从两个线程开始 一个用于处理呈现 一个用于管理 UI 呈现线程有效地隐藏在后台运行 而 UI 线程则接收输入 处理事件 绘制屏幕以及运行应用程序代码 UI 线程对一个名为 Dispatcher 的对象内的工作项进行排队 Di
  • 如何快速掌握Redis跳跃表源码技巧?阿里架构师让你秒懂

    我们再来学习如何从跳跃表中查询数据 跳跃表本质上是一个链表 但它允许我们像数组一样定位某个索引区间内的节点 并且与数组不同的是 跳跃表允许我们将头节点L0层的前驱节点 即跳跃表分值最小的节点 zsl gt header level 0 fo
  • php 微信支付V3接口

    注意事项 1 请求接口签名方式 RSA 用到了API证书序列号 后缀为key pem的密钥文件 cert文件要用java自己生成 具体参考 https developers weixin qq com community develop d
  • mysql安装图解 mysql图文安装教程(详细说明)

    下面的是MySQL安装的图解 用的可执行文件安装的 详细说明了一下 打开下载的mysql安装文件mysql 5 0 27 win32 zip 双击解压缩 运行 setup exe 出现如下界面 mysql安装图文教程1 mysql安装向导启
  • Linux——信号的发送,自己实现结束进程的kill命令

    信号的发送 Linux提供了一种系统调用 2 不是kill命令 kill 可以向指定的进程发送指定的信号 int kill pid t pid int signType signType是要发送的信号 kill方法的pid参数有四种不同的情
  • PID 控制保姆级培训教程下-全国大学生电子设计大赛赛前必备

    紧接上回 PID 控制保姆级培训教程上 全国大学生电子设计大赛赛前必备 http t csdn cn TY4eB 上回介绍到 书接上回 实操设计 干货满满 3 数字控制器的模拟化设计 3 1 数字PID 3 1 1 DDC系统的组成原理 D
  • FastAPI从入门到实战(6)——请求体与嵌套模型

    前面记录的是路径参数和查询参数的内容 那两种形式的数据都不算的发送的数据 都是存在路径中的数据 请求体是客户端发给接口的参数 不存在于路径中 本文就主要记录FastAPI中的请求体应用内容 一个发送请求体的接口 创建一个数据模型 class
  • Linux 使用rpm方式安装最新mysql(5.7.16)步骤以及常见问题解决

    前几天在阿里云买了个服务器 准备自己玩玩 现将最新版mysql 5 7 16 安装步骤 以及遇到问题及解决过程分享如下 第一步 下载rpm包 mysql官网下载 http dev mysql com downloads mysql 但如果你
  • 2021年网络安全省赛--web隐藏信息探索解析(中职组)

    2021年省赛web隐藏信息探索 解析 任务环境说明 Web20200529 服务器场景操作系统 未知 关闭连接 1 通过本地PC中渗透测试平台Kali对服务器场景Web20200529中的网站进行访问 找到登录界面中的FLAG 并将FLA
  • 专属于程序员的知识仓库:开发者导航

    一个专属于开发者的导航网站 收录丰富 内容详实 更新频繁 废话不多说 先上几张图吧 网站还收录了很多惊喜类目 比如最近很火的ChatGPT和AI绘画 开发者导航网至少收录了20多个 大部分都是免魔法 国内直接可以访问的 娱乐区还包括很多影视
  • 金蝶显示服务器异常,金蝶连接云服务器异常怎么回事

    金蝶连接云服务器异常怎么回事 内容精选 换一换 华为云帮助中心 为用户提供产品简介 价格说明 购买指南 用户指南 API参考 最佳实践 常见问题 视频帮助等技术文档 帮助您快速上手使用华为云服务 ELB的常见异常返回码有400 403 50
  • 派查查 :一个WearOS智能手表系统上的快递查询应用

    目录 前言 项目概述 设计背景 系统架构 接口介绍 即时查询请求 即时查询回复 前言 在学习面向对象程序设计课程的时候 收获颇多 最后的课程报告选题选择了 Android开发 但是安卓手机上好的应用数不胜数 自己不想重蹈覆辙做别人做过不知道
  • 前端常用工具库整理

    功能库 lt lt lt Axios 一个基于 promise 的 HTTP 库 可以用在浏览器和 node js 中 http www axios js com Lodash 一个一致性 模块化 高性能的 JavaScript 实用工具库