① 浏览器访问优化： - 减少HTTP请求数量：合并CSS、合并JavaScript、合并图片（CSS Sprite） - 使用浏览器缓存：通过设置HTTP响应头中的Cache-Control和Expires属性，将CSS、JavaScript、图片等在浏览器中缓存，当这些静态资源需要更新时，可以更 ...
分类：
Web程序 时间：
2016-11-17 20:08:53
阅读次数：
150
一、什么是雪碧图？ 1、我们先来看一下淘宝上面用到的雪碧图实例： a、前端展示 b、css雪碧图为 2、概念 CSS sprite在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅 ...
分类：
Web程序 时间：
2016-11-03 18:49:31
阅读次数：
266
1、将小图片拼接为一张大图的目的：有效减少http的请求量，加速内容显示（因为每请求一次，就会与服务器建立一次链接，建立链接是需要额外的时间开销的） 2、实现原理：通过css中：background-position来实现。先控制显示层的大小，然后再通过移动背景图来达到显示的效果 3、实现方式： 1 ...
分类：
Web程序 时间：
2016-10-24 23:00:51
阅读次数：
201
图片大小80*40，即每张图片大小40*40，如何以20*20显示图片？1. 首先看下如何以40*40显示第二张图片： 2. 接下来以20*20显示第一张图片： 3.总结：诀窍在于，背景图片缩小固定的比例，背景图片的偏移量也缩小相应的比例。 ...
分类：
Web程序 时间：
2016-10-12 22:39:36
阅读次数：
190
一、sprite雪碧图 css雪碧即css sprite，也有人叫它CSS精灵，是一种css图像合并技术，该方法是将小图标和背景图像 合并到一张图片上，让后利用css的背景定位来显示的图片部分 CSS雪碧的基本原理是把你的网站上用到的一些图片整合到一张单独的图片中，从而减少你的网站的HTTP请求 数 ...
分类：
其他好文 时间：
2016-09-17 11:59:30
阅读次数：
185
treeTable是跨浏览器、性能很高的jquery的树表组件，它使用非常简单，只需要引用jquery库和一个js文件，接口也很简单。
优点兼容主流浏览器: 支持IE6和IE6+, Firefox, chrome, Opera, Safari
接口简洁: 在普通表格的基础上增加父子关系的自定义标签就可以
组件性能高: 内部实现了只绑定了table的事件、使用了css sprite合并图片等
提供两...
分类：
其他好文 时间：
2016-07-17 00:35:33
阅读次数：
506
在阅读一本HTML5游戏开发相关书籍时发现一个很好的例子，通过这个例子可以对面向对象的开发进行更深入的理解。这个对象要实现的是：将一个CSS sprite中的图像绘制到canvas中。首先创建一个SpriteSheet对象，代码如下：
var SpriteSheet = new function(){
this.map = { };
this.load = function(sprite...
分类：
Web程序 时间：
2016-07-16 16:32:22
阅读次数：
165
通常为了减少客户端从服务器下载图片的次数，提高服务器的性能，现在比较流行的做法是将多张图片拼合成一张大图片，然后再利用background-position属性截取其中的各个小图标，如菜单，表单或导航的小图标等这种技术称为CSS Sprite技术，示例代码如下：html代码如下： 1.css代码如下 ...
分类：
其他好文 时间：
2016-07-13 22:34:46
阅读次数：
117
CSS Sprite 雪碧图，简单来说就是： 为了提高网页的性能，减少加载次数，将一些不会经常随网站内容变化的小图标，集中放在一张大图上，将该图应作为background-image 嵌入页面中，在需要相关图标时，根据background-position设置坐标值，达到目的。 一个例子，可以复制然 ...
分类：
Web程序 时间：
2016-05-31 19:05:44
阅读次数：
217
css sprite直译过来就是CSS精灵。通常被解释为“CSS图像拼合”或“CSS贴图定位”。本文章向码农们介绍css sprite使用方法和基本使用实例，需要的码农可以参考一下。 一、什么是css sprites css sprites直译过来就是CSS精灵。通常被解释为“CSS图像拼合”或“C ...
分类：
Web程序 时间：
2016-05-22 21:29:29
阅读次数：
279
