javascript
weixin_43897150
这个作者很懒,什么都没留下…
展开
-
前端JS压缩图片
'use strict'; import EXIF from 'exif-js'; class ImageCompressor { constructor (options) { this.defaultOpptions = Object.freeze({ file: null, quality: 0.8, type: 'image/jpeg', scaleSize: 0, pngMaxSize: 2097152, wid原创 2021-05-05 15:16:47 · 160 阅读 · 0 评论 -
自定义tab事件
Document原创 2020-08-18 17:15:30 · 91 阅读 · 0 评论 -
postmessage跨域不同窗口通信
window.postMessage() 方法可以安全地实现跨源通信,通过const newWin = window.open(url, ‘_blank’)打开新页面并获得新窗口的引用。注意这里第二个参数需要是’_blank‘,就是新建一个窗口,当前窗口不能被关闭,微信公众号里window.open实际还是在当前页面跳转,所以postmessage不生效,目前我不知道怎么解决。 a页面给b页面发消息例子: a.html const newWin = window.open(url, '_blank'); n原创 2020-08-25 17:57:29 · 545 阅读 · 1 评论 -
DataURL与File,Blob,Canvas之间的互相转换
DataURL: 数据格式的url,src可以直接指向dataURL用来显示图片。 图片被转换成base64编码的字符串形式,并存储在URL中,冠以mime-type。 Bolb: 是一种javascript对象类型,可以存储大量二进制数据 HTML5的文件操作对象,file对象就是Blob的一个分支或说一个子集。 1.Canvas 转换为 DataURL var dataurl = canvas.toDataURL('image/png') // 图片质量取原质量的0.8 var dataurl2转载 2020-09-24 17:26:03 · 348 阅读 · 0 评论 -
前端android禁止用户自定义放大系统字体
配合rem; (function flexible (window, document) { const docEl = document.documentElement; const dpr = window.devicePixelRatio || 1; // set 1rem = viewWidth / 10 function setRemUnit () { const width = docEl.clientWidth > 768 ? 768 : docEl.clien原创 2020-12-21 16:06:30 · 377 阅读 · 0 评论 -
javascript事件节流与防抖
防抖 function debounce (handler, time) { let timer = null; return function () { clearTimeout(timer); const args = arguments; timer = setTimeout(() => { handler.apply(this, args); }, time); }; } 节流(可触发最后一次事件执行原创 2021-01-20 17:13:40 · 38 阅读 · 0 评论