JS学习
js学习
一闪而过的残影
自驱动
展开
-
vue项目引入eslint
vue引入eslint原创 2022-08-11 09:46:51 · 723 阅读 · 1 评论 -
浏览器切换tab页js事件visibilitychange
document.addEventListener('visibilitychange', function() { if (document.visibilityState === 'visible') { // 状态判断:显示(切换到当前页面) clickListenerMethod() window.addEventListener('click', clickListenerMethod) } else if (document.vis...原创 2022-02-22 11:38:15 · 1182 阅读 · 0 评论 -
web端打印功能(window.print())
关键代码如下:function printTable() { // setTimeout可以不用,我这里是做了其他操作,所以做了一个异步操作 setTimeout(() => { //获取要打印的页面部分 const printHtml = document.getElementById('printContent').innerHTML //打开一个新窗口进行打印,直接调用windo.print打印会有bug, c原创 2021-09-27 09:21:41 · 669 阅读 · 0 评论 -
根据二进制头文件检验多媒体文件类型
const JPEG_SOI = [0xFF, 0xD8]export function getFileTypeByHeadContent(file) { //file 实际上是一个 Blob 对象 //读取 Blob 对象的前8个字节 const fileHeader = file.slice(0, 8) return new Promise((resolve, reject) => { const reader = new FileReader() reader.原创 2021-07-22 10:13:25 · 524 阅读 · 0 评论 -
js实现节流与防抖(throttle&&debounce)
函数防抖是指在事件被触发 n 秒后再执行回调,如果在这 n 秒内事件又被触发,则重新计时。函数节流是指规定一个单位时间,在这个单位时间内,只能有一次触发事件的回调函数执行,如果在同一个单位时间内某事件被触发多次,只有一次能生效。throttle(节流) 预先设定一个执行周期,当调用动作的时刻大于等于执行周期则执行该动作,然后进入下一个新周期。debounce(防抖): 当调用动作n毫秒后,才会执行该动作,若在这n毫秒内又调用此动作则将重新计算执行时间。例如, 2s内点击多次,只生效一次。原创 2021-06-02 10:42:33 · 233 阅读 · 0 评论