
前端技术
文章平均质量分 95
lansezhaji
这个作者很懒,什么都没留下…
展开
-
网页压缩算法deflate揭秘
网页数据或者图像数据往往比较大,对于传输和存储都不太友好,我们在请求静态资源时能看到Request Headers的accept-encoding通常会包含gzip, deflate, br三种格式,其中deflate也是PNG图片的核心压缩算法,它主要是由LZ77算法与哈夫曼编码(Huffman Coding)组成的一个无损数据压缩算法,下面分别介绍它们的基础原理与JS部分算法实现。1. LZ77 算法1.1 算法简介LZ77算法是由 Lempel-Ziv 在1977发明的,其核心思想是比对相邻区域原创 2021-06-03 13:20:16 · 2073 阅读 · 0 评论 -
图像显示原理(一)
平时工作中我们会遇到各种各样的图片,常规的图片分为两种格式,即位图和矢量图。位图就是根据像素进行展示,一个像素点中包含了颜色,明暗度和透明度等信息。我们常见的位图格式有 BMP, PNG,JPG,GIF 等。一 BMP图片最原始的图像格式,完全将像素元素转换成数据,以下面的图片为例。由于 BMP 格式完全存储了每一个像素的所有数据,通常它占用较多的内存,我们可以通过 图片格式转换器 将一副普通图片转换成 BMP 格式图片。一幅图片常见的原始数据包括尺寸,分辨率(dpi,lpi,ppi,PPD 等),原创 2021-04-22 21:33:05 · 1941 阅读 · 0 评论 -
在单页应用中使用WebWork
在单页应用中使用WebWorkJS为了避免DOM渲染冲突,使用单线程运行代码。虽然浏览器通过事件循环队列延后处理耗时任务,但是在执行大量复杂运算时依然会使主线程卡顿,HTML5提出了WebWork允许用户另开线程来进行复杂的逻辑计算处理。WebWork在html中使用方法:1. 在index.Html中新建worker对象,并发送及监听消息 <!DOCTYPE html&g...原创 2019-03-19 10:05:18 · 2380 阅读 · 0 评论