我研究了一圈webp最终得出 经典的压缩比例，在质量和文件大小之间取得一个好的平衡。 cwebp -q 75 -m 4 a.png -o a.webp 这里的关键 1. -q 75 质量，图片质量设置为75 2. -m 4 压缩比，默认为4 3. 不用-lossless WEP重点参数说明 -q: [0~100] 图像质量，0表示最差质量，文件体积最小，细节损失严重，100表示最高图像质量，文件体积较大。该参数 More
本文由月小升博客https://java-er.com翻译自google官方文档https://developers.google.com/speed/webp/docs/cwebp 翻译的感觉 1. 我背了3年的单词，有点用 2. 翻译让我静下心来仔细的阅读官方文档，对webp了解更深入一层了 2020.02.29 例子 cwebp -q 50 -lossless picture.png -o picture_lossless.webp cwebp -q 70 picture_with_alpha.png -o picture_wi More
部分浏览器支持webp，部分浏览器不支持webp，下面用代码来检查下浏览器是否支持webp，方便决定让浏览器加载服务器的webp文件，还是jpg文件 测试记录 2020.02.28 1. MAC系统 Chrome Version 79.0.3945.130 (Official Build) (64-bit) 返回true 2. MAC系统 Safari 13.0.5 返回 false 3. MAC Firefox 60.9.0esr (64 位) 返回false 4. Windows Firefox More
什么是localStorage HTML5加入了localStorage，作为客户本地存储文件，之前用cookie，但是每条cookie空间为4K localStorage 支持5M 一张图了解下客户端浏览器的存储发展史 浏览器支持情况 Feature Chrome Firefox Internet Explorer Opera Safari Android Opera Mobile Safari Mobile localStorage 4 3.5 8 10.50 4 2.1 More
CSS 越发高级了。月小升今天弄个毛玻璃效果 .blur { width:1000px; filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */ -webkit-filter: blur(5px); /* Chrome, Opera */ -moz-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); filter: progid:DXImageTransform.Micr More
Chrome隐私模式是什么，Chrome隐私模式如何保护我的隐私 一.开启和取消chrome隐私模式 开始Chrome隐私模式 任意一个打开的chrome窗口 快捷键 Ctr + Shift + N 取消Chrome隐私模式 任意一个打开的chrome窗口 快捷键 Ctr + Shift + N 手机Chrome开启也一样，点击侧面的三个点点即可 设置Chrome启动默认为隐身模式 右击桌面上 More
一个晴朗的下午，有个非常好的朋友问我，谁发明了验证码这玩意，我说自从有了机器人这个东西，就有了验证码，验证码是确认访问者不是机器人。要不然机器人能干很多坏事呢。 node.js 的算法会升级变化。 1.模拟chrome打开我的主页java-er.com 2.模拟人工输入一个词google 3.提交搜索得到搜索结果。 const puppeteer = require('puppeteer'); f More
每次找这个都找半天，特此记录下 其实监控分2步，一步是全站head头部增加一个代码，另外一步是第二步 本篇防止找不到哪里加问题。具体的怎么加，Facebook写的比较清楚月小升就不多讲啦。
利用ajax XHR对象可以创建获取音频流，将一个音频文件转换成DATAURL的模式存储到本地 注意地址要是本地服务器地址 http://localhost/javaer/h5/hfiles.html 或者线上地址 http://java-er.com/hfiles.html 否则XHR会因为跨域问题，无法访问 缓存音乐依靠浏览器得Blob对象, 当然用这个机制也可以缓存图片文件，视频文件 Your More
利用canvas的图片对象可以缓存图片文件为流文件 glasses girl //在本地存储中保存图片 var storageFiles = JSON.parse(localStorage.getItem("storageFiles")) || {}, glassesgirl = document.getElementById("glassesgirl"), storageFilesDate = storageFiles.date, date = new Date(), todaysDate = (date.getMonth( More