前端高效开发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程序所做的高亮显示上色。


相关文章
|
JavaScript 前端开发 Java
通义灵码 Rules 库合集来了,覆盖Java、TypeScript、Python、Go、JavaScript 等
通义灵码新上的外挂 Project Rules 获得了开发者的一致好评:最小成本适配我的开发风格、相当把团队经验沉淀下来,是个很好功能……
1926 103
|
9月前
|
JSON 监控 前端开发
AMIS:百度开源的前端低代码神器,18.4k star 背后的开发效率提升利器
AMIS(前端低代码框架)是百度开源的低代码前端框架,基于纯 JSON 配置即可生成完整后台页面,包括表单、表格、图表、CRUD 列表,支持可视化拖拽编辑。,星标数已达 18.4k,百度内部已沉淀超过 5 万个页面,广泛应用于审核系统、数据管理后台、模型监控等落地场景
1548 0
|
8月前
|
人工智能 前端开发 JavaScript
前端工程化演进之路:从手工作坊到AI驱动的智能化开发
前端工程化演进之路:从手工作坊到AI驱动的智能化开发
950 18
前端工程化演进之路:从手工作坊到AI驱动的智能化开发
|
JavaScript 前端开发 API
|
12月前
|
存储 消息中间件 前端开发
PHP后端与uni-app前端协同的校园圈子系统:校园社交场景的跨端开发实践
校园圈子系统校园论坛小程序采用uni-app前端框架,支持多端运行,结合PHP后端(如ThinkPHP/Laravel),实现用户认证、社交关系管理、动态发布与实时聊天功能。前端通过组件化开发和uni.request与后端交互,后端提供RESTful API处理业务逻辑并存储数据于MySQL。同时引入Redis缓存热点数据,RabbitMQ处理异步任务,优化系统性能。核心功能包括JWT身份验证、好友系统、WebSocket实时聊天及活动管理,确保高效稳定的用户体验。
622 4
PHP后端与uni-app前端协同的校园圈子系统:校园社交场景的跨端开发实践
|
资源调度 JavaScript 前端开发
Day.js极简轻易快速2kB的JavaScript库-替代Moment.js
dayjs是一个极简快速2kB的JavaScript库,可以为浏览器处理解析、验证、操作和显示日期和时间,它的设计目标是提供一个简单、快速且功能强大的日期处理工具,同时保持极小的体积(仅 2KB 左右)。
757 24
|
前端开发 JavaScript 数据可视化
58K star!这个让网页动起来的JS库,前端工程师直呼真香!
Anime.js 是一款轻量级但功能强大的JavaScript动画引擎,它能够以最简单的方式为网页元素添加令人惊艳的动效。这个项目在GitHub上已经获得58,000+星标,被广泛应用于电商页面、数据可视化、游戏开发等场景。
493 8
|
Web App开发 JavaScript 前端开发
在项目中使用Google托管的JavaScript库
《在项目中使用Google托管的JavaScript库》 作者:chszs,转载需注明。 作者博客主页:http://blog.csdn.net/chszs Google提供了很多开源JavaScript库的托管,包括jQuery、Dojo、MooTools、Prototype、SWFObject、WebFont Loader、script.aculo.us、jQuery UI、AngularJS等。
904 0

热门文章

最新文章