web图像格式对比(四)
nodejs 图像处理库
说完了有损压缩和无损压缩的图像格式,来整理下 nodejs 方面图像处理相关的库。
说完了有损压缩和无损压缩的图像格式,来整理下 nodejs 方面图像处理相关的库。
根据 httpachive 的统计数据,在统计的 5,431,533 个 PC 页面中:
图像流量平均占页面的 44.5%(1032.0 KB -> 2317.8 KB)
请求数量平均占页面的 33%(25 -> 76)
所以图像数据在网站内容部分占比巨大,使用合适的图像格式能有效降低网站的流量带宽,同时降低网络传输延时,提升用户体验。
有损压缩目前使用最广泛的是 JPEG 压缩算法和文件格式,下面来整理一下三种有损压缩格式。
这两天又遇到一个图片问题,具体就是在 HTTPS 协议网页请求完的 HTTP 图片会被限制下载,这...,web 静态资源的问题还挺多坑。
上一篇 blog 提到了跨域访问图像资源引起的 canvas 污染的问题,其实当时我在查看跨域请求到的图像资源时,还无意中发现了一个新的 HTTP 响应头Access-Control-Allow-Private-Network
,这篇文章就来简单探讨一下这个非常新的跨域请求的特性。
前端时间实现了一个用canvas
往模板图片绘制数据的功能点,遇到了一个跨域引起canvas
污染的问题,仔细发掘下去发现不少的技术点。
玩饥荒的小伙伴都知道,饥荒这个游戏在创建多人房间的时候,会将房主的电脑作为本地服务器来中转数据,然后就经常遇到卡顿的问题。这篇文章尝试使用腾讯云轻量服务器来搭建饥荒的云服务器。
在业务场景开发过程中,经常会需要我们手动编写一些方法来解决一些业务场景问题,例如防抖、节流、正则表达式表单校验方法等。一般我们会把这些方法统一放在项目的某个目录,例如utils
下维护。
但是当涉及到跨团队使用的时候,这些方法通过npm
包的形式来维护会减少团队开发成本。这篇文章主要探索使用rollup
和api-extractor
打包基于 TypeScript 开发的类库的使用过程。
Promise.all
是日常使用频率非常高的异步方法,这两天回顾了一下Promise
的几个静态方法,对Promise.all
又有了一些新的认识。
Node 从v12.17(LTS)
版本开始正式支持 ESM 模块语法,但是 node 本身又支持 CJS 语法,直接迁移的话还是有些成本的。