前端高效开发JavaScript库!

简介: 前端高效开发JavaScript库!

一、函数库

lodash

Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库

二、请求库

axios

是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。Features从浏览器中创建 XMLHttpRequests 从node.js 创建 http 请求 支持Promise API 拦截请求和…

flyio

一个支持所有JavaScript运行环境的基于Promise的、支持请求转发、强大的http请求库。可以让您在多个端上尽可能大限度的实现代码复用。

三、富文本

vue-ueditor-wrap

支持通过 v-model 来绑定富文本编辑器的内容

四、动画库

Animate.css

Magic.css

move.js

五、滚动库

BetterScroll

better-scroll 是一款重点解决移动端(已支持 PC)各种滚动场景需求的插件。

六、存储类

store.js

store.js 是一个兼容绝大部分主流浏览器的 LocalStorage 包装器,不需要借助 Cookie 或者 Flash。store.js 会根据浏览器自动选择使用 localStorage、globalStorage 或者 userData 来实现本地存储功能。

js-cookie

js-cookie是一个简单的,轻量级的处理cookies的js API。

七、Mock数据类

Mockjs

生成任意随机数据,拦截 Ajax 请求。

八、数据可视化

ECharts

D3.js

D3js 是一个可以基于数据来操作文档的 JavaScript 库。可以帮助你使用 HTML, CSS, SVG 以及Canvas 来展示数据。

Three.js

three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。

hightchart

兼容 IE6+、完美支持移动端、图表类型丰富、方便快捷的 HTML5 交互性图表库。

DataV

Vue/React 大屏数据展示组件库。

地图数据源

九、地图

高德地图

百度地图

地图坐标系转换 (gcoord)

gcoord主要解决了两个问题

能将坐标在不同坐标系下相互转换

能够处理GeoJSON

十、日期处理

moment.js

moment().format('YYYY-MM-DD HH:mm:ss'); //2021-08-29 23:36:09 
moment("20120901", "YYYYMMDD").fromNow(); //2 years ago      
//等很多


day.js

处理时间和日期的 JavaScript 库。

十一 、轮播

swiper.js

Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。

Swiper能实现触屏焦点图、触屏Tab切换、触屏轮播图切换等常用效果。

Swiper开源、免费、稳定、使用简单、功能强大,是架构移动终端网站的重要选择!

slip.js

移动端跟随手指滑动组件,零依赖。

十二、复制粘贴插件

clipboard-polyfill

这个库是现代基于Promise的异步剪贴板API的polyfill。

十三 、二维码插件

qrcode.js

qrcode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库。

十四、拖拽插件

Draggabilly

可帮你轻松实现网页上各种元素的拖放操作。支持 IE8+ 和多触摸。

dragula

十五、文件上传

WebUploader

十六、Canvas库 .

html2canvas

html2canvas是一款使你可以直接在用户浏览器上截取网页或部分网页的“屏幕快照”的库。

十七、前端国际化

i18n

十八、视频/音频

xgplayer

一款带解析器、支持音频、歌词解析、能节省流量的HTML5视频播放器。

dplayer

一个很好看的弹幕视频播放器。

十九、其他

screenfull.js

https://www.npmjs.com/package/screenfull

highlight.js

针对Web程序所做的高亮显示上色。


相关文章
|
2天前
|
前端开发 JavaScript API
探索现代Web开发中的动态数据交互——前端与后端整合实战
本文探讨了现代Web开发中前端与后端整合的关键技术点,通过实际案例演示了如何利用JavaScript和Node.js实现动态数据交互,全面解析从数据请求到响应的全过程。
|
2天前
|
前端开发 JavaScript Serverless
前端新手建议收藏的JavaScript 代码技巧
前端新手建议收藏的JavaScript 代码技巧
12 3
|
2天前
|
缓存 JavaScript 前端开发
js开发代码片段与小技巧
js开发代码片段与小技巧
|
2天前
|
设计模式 前端开发 JavaScript
关于写好前端JS代码的一些建议
关于写好前端JS代码的一些建议
13 2
|
6天前
|
JavaScript 前端开发 安全
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
|
8天前
|
前端开发 JavaScript 开发工具
Web前端开发学习资料:深度探索与开发实践
Web前端开发学习资料:深度探索与开发实践
15 3
|
1天前
|
前端开发 JavaScript
web开发前端适配
web开发前端适配
4 0
|
4天前
|
前端开发 JavaScript
阿里云验证码2.0 验证时报错 前端页面获取的验证参数有问题,动态JS加载失败,请问怎么解决啊?急,急,急。
用户反馈校验时遇到错误,日志显示验证码参数获取异常。采用无痕验证,失败后,返回`{captchaResult:false,bizResult:false}`,未触发滑块二次验证。
|
5天前
|
JavaScript 前端开发
杨校老师课堂之Web前端JS类库_JQuery案例[效果图与代码齐全]
杨校老师课堂之Web前端JS类库_JQuery案例[效果图与代码齐全]
12 0
|
22天前
|
JSON 前端开发 JavaScript
前端Ajax、Axios和Fetch的用法和区别笔记
前端Ajax、Axios和Fetch的用法和区别笔记
27 2