CSS Sprite初探之原理、使用 CSS Sprite简介: 利用CSS Sprites能很好地减少了网页的http请求次数,从而大大的提高了页面的性能,节省时间和带宽。 CSS Sprites在国内很多人叫css精灵, 是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到 ...
分类:
Web程序 时间:
2019-05-26 18:16:45
阅读次数:
526
欢迎关注个人微信公众号: 小哈学Java , 文末 分享阿里 P8 高级架构师吐血总结的 《Java 核心知识整理&面试.pdf》资源链接 !! 个人网站: "https://www.exception.site/essay/how to set aliyun oss http referer" 目 ...
分类:
其他好文 时间:
2019-05-18 18:38:27
阅读次数:
197
这是素材: 这是代码: 这是效果: 总结一下: 雪碧图就是把网页要用的小图放在一起,需要的时候直接选取所在的位置,减少服务器请求次数。 ...
分类:
其他好文 时间:
2019-05-15 12:39:22
阅读次数:
118
dns预获取(dns-prefetch)link rel="dns-prefetch",DNS Prefetch也就是DNS预获取。设置DNS预获取(dns-prefetch)有两个作用:1、减少DNS的请求次数,2、进行DNS预先获取。 当网页打开时,浏览器会在加载网页时对网页中的域名进行解析缓存 ...
分类:
其他好文 时间:
2019-05-12 12:24:40
阅读次数:
111
一、缓存命中率 1、引子 1、我们想利用缓存来提升程序的运行效率,应该怎么评估这个效果呢? 用衡量缓存好坏的指标 2、有没有哪个指标可以衡量缓存使用的好坏呢? 缓存命中率 3、什么是缓存命中率? 所谓缓存命中率,是指直接通过缓存获取数据的请求次数,占所有数据请求次数的百分比。命中率越高,表示使用缓存 ...
分类:
系统相关 时间:
2019-05-10 19:07:00
阅读次数:
169
节流和防抖 防抖 防抖的中心思想在于:我会等你到底。在某段时间内,不管你触发了多少次回调,我都只认最后一次。 使用场景 search搜索联想,用户在不断输入值时,使用防抖减少请求次数。 节流 throttle 的中心思想在于:在某段时间内,不管你触发了多少次回调,我都只认第一次,并在计时结束时给予响 ...
分类:
其他好文 时间:
2019-04-22 00:49:45
阅读次数:
208
* 本篇随笔为《涂抹MySQL》一书的阅读摘抄,详细请查看正版书籍 关键性指标 IOPS(Input/Output operations Per Second) 每秒处理的I/O请求次数 需要说明的一点,通常提到磁盘读写能力,比如形容它每秒读300M写200M这个说的是数据吞吐量(I/O能力的另一个 ...
分类:
数据库 时间:
2019-03-29 14:48:25
阅读次数:
176
学号2017***234(保留前4位和后4位,中间用星号代替,避免泄露个人信息); 姓名:李梓宁,用你的真实姓名替代 我的码云贪吃蛇项目仓库:[https://gitee.com/lzning/sesnake.git](https://gitee.com/lzning/sesnake.git) 注意 ...
分类:
其他好文 时间:
2019-03-25 16:09:36
阅读次数:
180
前端之HTML,CSS(十一) 字体图标 使用文字做出小图标的效果并超越了小图标应用精灵图,使得图标变得灵活,减少了请求次数,优化了界面的性能。字体图标本身为矢量图。 字体图标的使用过程 1.UI设计字体图标效果图 使用illustrator或者Sketch矢量图软件创建icon图标,并保存svg格 ...
分类:
Web程序 时间:
2019-03-22 00:27:11
阅读次数:
232
(1) 减少http请求次数:CSS Sprites, JS、CSS源码压缩、图片大小控制合适;网页Gzip,CDN托管,data缓存 ,图片服务器。 (2) 前端模板 JS+数据,减少由于HTML标签导致的带宽浪费,前端用变量保存AJAX请求结果,每次操作本地变量,不用请求,减少请求次数 (3) ...
分类:
其他好文 时间:
2019-03-19 21:37:15
阅读次数:
173