websocket 用途,例子,场景,什么时候用websocket

websocket 应用例子如下 先总结:高即时性服务,比如聊天室的群聊,server顺序收到了张三,李四的消息,立即就推送给王五,不能让王五等半天。 Ajax也可以一秒一刷,让王五去问张三说话没,如果张三10分钟没说话,王五要去问600次。 用websocket 王五不用刷,等着就好了,服务器有了消息会自动给王五的。 1.websocket社交订阅 对社交类的应用的一个裨益之 More


png8,png24,jpg,jpeg,gif,webp 图片格式区别

一、基本概念区分 1、PNG图片 1). PNG8(布尔透明) 简单说可以理解为静态的GIF 他们都只有256色,也支持索引透明,就是指定一个像素点是不是透明 2). PNG8(Alpha透明) 可指定像素点的透明度,例如50%透明度,比布尔透明高级一点 这种优点在于比PNG24/32体积小,但效果一样 缺点在于IE6支持不好,会把半透明的像素点显示成全透明 3). PNG24 More


精确打印A4纸张排版HTML

HTML可以精确的设置打印纸的打印内容,精确用cm计算,5毫米用0.5表示 A4纸 body { margin: 0; padding: 0; background-color: #FAFAFA; font: 12pt "Tahoma"; } * { box-sizing: border-box; -moz-box-sizing More


WEBP 用哪个压缩比优化好

我研究了一圈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


cwebp 命令大全

本文由月小升博客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,方便决定让浏览器加载服务器的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


HTML5的localStorage缓存详解

什么是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 图片毛玻璃效果

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隐私模式 开始Chrome隐私模式 任意一个打开的chrome窗口 快捷键 Ctr + Shift + N 取消Chrome隐私模式 任意一个打开的chrome窗口 快捷键 Ctr + Shift + N 手机Chrome开启也一样,点击侧面的三个点点即可 设置Chrome启动默认为隐身模式 右击桌面上 More


Puppeteer 模拟自动填写输入框提交

一个晴朗的下午,有个非常好的朋友问我,谁发明了验证码这玩意,我说自从有了机器人这个东西,就有了验证码,验证码是确认访问者不是机器人。要不然机器人能干很多坏事呢。 node.js 的算法会升级变化。 1.模拟chrome打开我的主页java-er.com 2.模拟人工输入一个词google 3.提交搜索得到搜索结果。 const puppeteer = require('puppeteer'); f More