css-sprite是将css样式中零星的小图标，小图片合并成大图显示，这样能减小服务器并发连接数，减小服务器负载和带宽使用，有很高的实用价值。这里介绍一些自动合并图片并生成样式的工具。NodeJScss-spritecss-sprite是一个基于NodeJS实现的css切图自动合并工具，能自动将小...
分类：
Web程序 时间：
2015-04-13 14:26:51
阅读次数：
136
前提：本人接触大型项目不多，所以可能对某些名词或者方法不熟悉，如果以下想法已经有了很成熟的模式 请告知 谢谢！直入正题：据我所了解的并且目前能理解的 前端优化方式为：1、缓存技术 （时间戳 MD5等等）2、图片懒加载3、图片单独放到一个域名下4、CSS Sprite。。。。 等等但是这些都是当用户正...
分类：
Web程序 时间：
2015-04-07 19:24:14
阅读次数：
133
无法改变用户的带宽环境what wo can do?优化策略：破坏规整的dom结构使用定位来实现UI设计优化显示次序太多的HTML请求：（减少HTML请求数）通过combo合并js.css请求延时加载图片。非展示不加载地球人都知道的CSS sprite技术模块化的开发。用户最关注的是速度！资源文件加...
分类：
Web程序 时间：
2015-03-12 23:56:48
阅读次数：
149
在网页中画Icon小图标。 现代网页中，绝大部分都采用了Icon小图标的方式。其积分大致分为三类，CSS Sprite,font+HTML,font+CSS。CSS Sprite：又称为CSS雪碧，把网页中零星背景图片整合在一张图片文件夹中，再利用CSS的背景图片技术定位到要显示的位置。优点：减少文...
分类：
Web程序 时间：
2015-03-12 09:43:41
阅读次数：
150
先上一张整洁的前端优化总结图(之前的一篇总结图太烂了) 以前切图讲究精细，图片规格越小越好，重量越小越好，其实规格大小无所谓，计算机统一都按byte计算。客户每显示一张图片都会向服务器发送请求。 所以，图片越多请求次数越多，造成延迟的可能性也就越大。所以在这里我们要做的就是把...
分类：
Web程序 时间：
2015-01-30 10:42:56
阅读次数：
202
什么是CSS Sprite ？不知道您在浏览yahoo.com的网页中是否注意到,yahoo在页面制作上的技术和大多数网站不一样,他们把页面上的 ICON，栏目背景啊，图片按钮啊等都有会有规则的合并一张背景图,然后用background-position来实现背景图片的定位，他们为什么要花费一些时间...
分类：
Web程序 时间：
2015-01-01 01:25:50
阅读次数：
171
前端优化再次被提起，高性能网站总是会得到用户的肯定，加载时间短，友好的界面交互，最少的资源占用，容易被搜索引擎抓取。 就自己可以接触到的范围，记录些优化的点点滴滴。 1.减少HTTP请求： 使用外部的css和js文件，这样便于压缩，便于合并。 使用CSS sprite，将小图片放于一张图片使用背景....
分类：
Web程序 时间：
2014-12-02 20:43:02
阅读次数：
207
CSS sprite将网站背景合在一张大图片上 他的思路是通过改变背景图的background-position 属性来设置、CSS伪类 a标签 a标签控制的顺序 a:link(link可以不写) a:hover a:active a:visited
分类：
Web程序 时间：
2014-12-02 10:31:23
阅读次数：
147
