【JavaScript】 前端库

目录

Day.js

filesize.js

Driver.js

mescroll.js

qs.js

js-cookie

flv.js

---

Day.js

Day.js强大的日期解析和格式化功能

npm install dayjs

import dayjs from 'dayjs'dayjs().format('YYYY-MM-DD HH:mm') 
// Outputs the current date and time:  2024-09-08 09:32 (example) 
dayjs('2024-09-08 09:32').toDate() 
// Converts a string to a Date object: Sun Sep 08 2024 09:32:00 GMT+0800 (China Standard Time)

filesize.js

使用filesize.js轻松将数字和字符串转换为可读的文件大小

import {filesize} from "filesize";
filesize(265318, {standard: "jedec"}); // "259.1 KB"

Driver.js

Driver.js这是一个让页面导航变得轻而易举的原生 JavaScript 库

mescroll.js

mescroll.js无缝滚动和分页

npm install mescroll.js

qs.js

qs模块轻松处理 URL 参数

import qs from 'qs'qs.parse('user=tom&age=22') // Output: { user: "tom", age: "22" }
qs.stringify({ user: "tom", age: "22" }) // Output: user=tom&age=22

js-cookie

js-cookie在 JavaScript 中管理 cookie

npm install js-cookie

import Cookies from 'js-cookie'Cookies.set('name', 'value', { expires: 7 }) // Set a cookie that lasts for 7 days!
Cookies.get('name') // Retrieve your cookie value with ease: 'value'

flv.js

flv.js是 HTML5 Flash 视频（FLV）播放器，纯原生 JavaScript 开发，没有用到 Flash。由 bilibili 网站开源（Github）。它正迅速成为直播和点播视频体验的行业标准。

npm install flv.jsimport flvjs from 'flv.js'if (flvjs.isSupported()) {var myVideo = document.getElementById('myVideo')var flvPlayer = flvjs.createPlayer({type: 'flv',url: 'http://localhost:8080/test.flv' // Replace with your video URL})flvPlayer.attachMediaElement(myVideo)flvPlayer.load()flvPlayer.play()
}