10个常用的JS工具库，80%的项目都在用！
.mescroll{浣嶇疆锛氬浐瀹氾紱椤堕儴锛?4px锛涘簳閮細0锛沨eight:auto;}undefinednpminstallflv.js鍩烘湰鐢ㄦ硶importflvjsfrom'flv.js'//Executeif(flvjsafterpagerenderingiscomplete.isSupported()){varmyVideo=document.getElementById('myVideo')varflvPlayer=flvjs.createPlayer({type:'flv',url:'http://localhost:8080/test.flv'//瑙嗛url鍦板潃})flvPlayer.attachMediaElement(myVideo)flvPlayer.load()flvPlayer.play()}vConsole鏄竴涓交閲忕骇鐨勩€佸彲鎵╁睍鐨勩€佺敤浜庣Щ鍔ㄧ綉椤电殑鍓嶇寮€鍙戣皟璇曢潰鏉裤€傚鏋滄偍浠嶅湪涓哄浣曞湪鎵嬫満涓婅皟璇曚唬鐮佽€岃嫤鎭硷紝璇蜂娇鐢ㄥ畠銆俷pminstallvconsole鍩烘湰鐢ㄦ硶importVConsolefrom'vconsole'constvConsole=newVConsole()console.log('Helloworld')鏈€杩戝彂鐜板緢澶氬皬浼欎即鍙細涔︾锛屼笉鍠滄銆傝繖涓嶆槸涓€涓ソ涔犳儻銆傛嫆缁濈櫧瀚栵紝浠庝綘鎴戝仛璧凤紒璺熸垜涓€璧峰姩璧锋潵锛屽厛鍠滄鍐嶈锛佸啀娆℃敹钘忥紒Animate.css鏄竴涓法娴忚鍣ㄧ殑css3鍔ㄧ敾搴擄紝鍐呯疆浜嗗緢澶氬吀鍨嬬殑css3鍔ㄧ敾锛屽吋瀹规€уソ锛屼娇鐢ㄦ柟渚裤€俷pminstallanimate.css鍩烘湰鐢ㄦ硶涓€涓姩鐢诲厓绱?/h1>import'animate.css'animejs鏄竴涓己澶х殑Javascript鍔ㄧ敾搴撱€傚畠鍙互涓嶤SS3灞炴€с€丼VG銆丏OM鍏冪礌鍜孞S瀵硅薄涓€璧蜂娇鐢紝浠ヤ骇鐢熷悇绉嶉珮鎬ц兘鍜屽钩婊戣繃娓＄殑鍔ㄧ敾鏁堟灉銆俷pminstallanimejs鍩烘湰鐢ㄦ硶
importanimefrom'animejs/lib/anime.es.js'//椤甸潰娓叉煋Executeanime({targets:'.ball',translateX:250,rotate:'1turn',backgroundColor:'#F00',duration:800})lodash.js鏄竴涓竴鑷寸殑銆佹ā鍧楀寲鐨勩€侀珮鎬ц兘鐨凧avaScript瀹炵敤宸ュ叿搴搉pminstalllodash鍩烘湰鐢ㄦ硶import_from'lodash'_.max([4,2,8,6])//杩斿洖鏁扮粍涓殑鏈€澶у€?>8_.intersection([1,2,3],[2,3,4])//杩斿洖澶氫釜鏁扮粍鐨勪氦闆?>[2,3]mescroll.js鏄竴娆捐繍琛屽湪H5绔殑绮剧編涓嬫媺鍒锋柊鍜屼笂鎷夊姞杞芥彃浠讹紝涓昏鐢ㄤ簬鍒楄〃鍒嗛〉鍜屽埛鏂扮瓑瀵逛簬鐜板満銆俷pminstallmescroll.js鍩烘湰鐢ㄦ硶(vue缁勪欢)
.mescroll{浣嶇疆锛氬浐瀹氾紱椤堕儴锛?4px锛涘簳閮細0锛沨eight:auto;}Chart.js鍩轰簬HTML5鐨勭畝鍗曘€佸共鍑€銆佸惛寮曚汉鐨凧avaScript鍥捐〃搴搉pminstallchart.js鍩烘湰鐢ㄦ硶importChartfrom'chart.js/auto'//椤甸潰娓叉煋瀹屾垚鍚庢墽琛宑onstctx=document.getElementById('myChart')constmyChart=newChart(ctx,{type:'bar',data:{鏍囩锛歔'绾㈣壊'銆?钃濊壊'銆?榛勮壊'銆?缁胯壊'銆?绱壊'銆?姗欒壊']锛屾暟鎹泦锛歔{鏍囩:'#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}]},閫夐」:{姣斾緥:{y:{beginAtZero:true}}}})浠ヤ笂姣忎釜宸ュ叿搴撻兘鏄翰鑷祴璇曡繃鐨勩€傜洰鍓嶏紝鍏徃鐨勯」鐩熀鏈兘鍦ㄤ娇鐢ㄤ腑銆傚鏈変换浣曢棶棰橈紝娆㈣繋鍦ㄨ瘎璁哄尯浜ゆ祦銆傚鏋滀綘鏈夊叾浠栧ソ鐨勫伐鍏凤紝娆㈣繋鍒嗕韩銆傝鎴戜滑涓€璧锋彁楂樺伐浣滄晥鐜囷紝鎵撳€掍竾鎭剁殑璧勬湰涓讳箟馃懣鏈€鍚庯紝鍒繕浜嗙偣涓禐锛佺鎮?022骞村彂澶ц储锛佹毚鍔涚編濂筹紒钖勭殑锛?/p>
