提高工作效率增加你的摸鱼时间之JS工具库

　　JS中常用的工具库Day。js
　　一个极简的处理时间和日期的JavaScript库，和Moment。js的API设计保持一样，但体积仅有2KB。npminstalldayjs基本用法importdayjsfromdayjsdayjs（）。format（YYYYMMDDHH：mm）2022010315：06dayjs（20221315：06）。toDate（）MonJan03202215：06：00GMT0800（中国标准时间）qs
　　一个轻量的url参数转换的JavaScript库npminstallqs基本用法importqsfromqsqs。parse（usertomage22）｛user：tom，age：22｝qs。stringify（｛user：tom，age：22｝）usertomage22jscookie
　　一个简单的、轻量的处理cookies的jsAPInpminstalljscookie基本用法importCookiesfromjscookieCookies。set（name，value，｛expires：7｝）有效期7天Cookies。get（name）valueflv。js
　　bilibili开源的html5flash视频播放器，使浏览器在不借助flash插件的情况下可以播放flv，目前主流的直播、点播解决方案。npminstallflv。js基本用法videoautoplaycontrolswidth100height500idmyVideovideoimportflvjsfromflv。js页面渲染完成后执行if（flvjs。isSupported（））｛varmyVideodocument。getElementById（myVideo）varflvPlayerflvjs。createPlayer（｛type：flv，url：http：localhost：8080test。flv视频url地址｝）flvPlayer。attachMediaElement（myVideo）flvPlayer。load（）flvPlayer。play（）｝vConsole
　　一个轻量、可拓展、针对手机网页的前端开发者调试面板。如果你还苦于在手机上如何调试代码，用它就对了。npminstallvconsole基本用法importVConsolefromvconsoleconstvConsolenewVConsole（）console。log（Helloworld）
　　最近发现很多小伙只收藏，不点赞，这可不是一个好习惯哦。拒绝白嫖，从你我做起！跟我一起动起来，先点赞！再收藏！Animate。css
　　一个跨浏览器的css3动画库，内置了很多典型的css3动画，兼容性好，使用方便。npminstallanimate。css基本用法h1classanimateanimatedanimatebounceAnanimatedelementh1importanimate。cssanimejs
　　一款功能强大的Javascript动画库。可以与CSS3属性、SVG、DOM元素、JS对象一起工作，制作出各种高性能、平滑过渡的动画效果。npminstallanimejs基本用法importanimefromanimejslibanime。es。js页面渲染完成之后执行anime（｛targets：。ball，translateX：250，rotate：1turn，backgroundColor：F00，duration：800｝）lodash。js
　　一个一致性、模块化、高性能的系统JavaScript实用工具库npminstalllodash基本用法importfromlodash。max（〔4，2，8，6〕）返回数组中的最大值8。intersection（〔1，2，3〕，〔2，3，4〕）返回多个数组的交集〔2，3〕mescroll。js
　　一款精致的、在H5端运行的下拉刷新和上拉加载插件，主要用于列表分页、刷新等场景。npminstallmescroll。js基本用法（vue组件）templatemescrollvuerefmescroll：downmescrollDown：upmescrollUpinitmescrollInit！内容。。。mescrollvuetemplatestylescoped。mescroll｛position：fixed；top：44px；bottom：0；height：auto；｝styleChart。js
　　一套基于HTML5的简单、干净并且有吸引力的JavaScript图表库npminstallchart。js基本用法canvasidmyChartwidth400height400canvasimportChartfromchart。jsauto页面渲染完成后执行constctxdocument。getElementById（myChart）constmyChartnewChart（ctx，｛type：bar，data：｛labels：〔Red，Blue，Yellow，Green，Purple，Orange〕，datasets：〔｛label：ofVotes，data：〔12，19，3，5，2，3〕，backgroundColor：〔rgba（255，99，132，0。2），rgba（54，162，235，0。2），rgba（255，206，86，0。2），rgba（75，192，192，0。2），rgba（153，102，255，0。2），rgba（255，159，64，0。2）〕，borderColor：〔rgba（255，99，132，1），rgba（54，162，235，1），rgba（255，206，86，1），rgba（75，192，192，1），rgba（153，102，255，1），rgba（255，159，64，1）〕，borderWidth：1｝〕｝，options：｛scales：｛y：｛beginAtZero：true｝｝｝｝）