web性能优化： 1，从http方面考虑：我们应该尽量减少http请求数量，因为前后端通信的成本很大，请求一个100k的文件和请求两个50k的文件的时间是相差很多的。那么我们应该怎么做呐？ （1），合并js，css，减少请求的数量。使得性能提升 （2），使用雪碧图将背景图片合并成一个文件。 2，从代 ...
分类：
Web程序 时间：
2017-09-18 13:27:03
阅读次数：
203
减少http请求次数 文件合并（js、css、图片）；ps：多个图片合并之后，总体积会变小 内联图片，即data:URL scheme，但容易导致html页面混乱 可缓存的ajax 推迟加载内容 如动画等，可以等页面必备的逻辑执行完后再执行动画 预加载 空闲的时候，加载接下来可能用到的东西 无条件的 ...
分类：
Web程序 时间：
2017-09-16 23:24:34
阅读次数：
230
这天，AutSky_JadeKAutSky_JadeK看到了nn张图片,他忍不住说道：“我TMTM社保！”。 每张图片有一个社保值，他可以合并两张图片，合并所得的图片的社保值是原来两张图片的社保值之和。 每次合并需要消耗的体力也是原来两张图片的社保值之和。 显然，n?1n?1次合并之后，只剩下一张图 ...
分类：
其他好文 时间：
2017-08-09 12:55:51
阅读次数：
130
我们的目标是： 我们的目标是： 将 将 合并为一张图片 合并为一张图片 step1：制作动作，便于批处理和重复使用 step1：制作动作，便于批处理和重复使用 首先随便新建空白文档（建议：90x300px） 录制动作，alt+F9 首先随便新建空白文档（建议：90x300px） 录制动作，alt+F ...
分类：
其他好文 时间：
2017-07-25 13:27:16
阅读次数：
148
这天，AutSky_JadeK看到了n张图片,他忍不住说道：“我TM社保！”。 每张图片有一个社保值，他可以合并两张图片，合并所得的图片的社保值是原来两张图片的社保值之和。 每次合并需要消耗的体力也是原来两张图片的社保值之和。 显然，n?1次合并之后，只剩下一张图片。 他想知道，在这个过程中，他消耗 ...
分类：
其他好文 时间：
2017-07-10 22:10:03
阅读次数：
202
一、CSS Sprites原理 CSS Sprites其实就是把网页中一些小背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position ...
分类：
Web程序 时间：
2017-07-03 22:32:23
阅读次数：
209
1 <?php 2 3 //实现两张图片合并 并内图片有一定的边框 4 5 $file = 'image/qr_1047.png'; 6 $logo = 'image/logo_1047.jpg'; 7 $code = 'image/ewr.png'; 8 9 $file_info = getima ...
分类：
Web程序 时间：
2017-06-24 23:37:47
阅读次数：
387
1：生成缩略图： imagecopyresampled ( 目标图片资源 ,原图片资源 , 在目标图的X位置 ,在目标图的Y位置 , 原图的X位置 , 原图的Y位置, 在目标图中的宽度, 在目标图中的高度 , 原图片宽度 , 原图片高度 ) dst_image目标图象连接资源。src_image源图 ...
分类：
其他好文 时间：
2017-06-04 18:30:03
阅读次数：
211
一 发布项目时，选择合并图片资源 选择合图大小 发布后，图片合并。随机了图片名字。 二 随机名的问题 当资源不变更的情况下，多次发布，每次发布后资源的图片随机名是不变的。 现在改变preload组中一张图片的高宽，合并资源图后，preload合并图随机名改变 改变preload组中一张图片的名字，合 ...
为优化图片，减少请求会把拿到切好的图标图片，通过ps（或者其他工具）把图片合并到一张图里面，再通过css定位把对于的样式写出来引用的html里面，对于一些图片较多的项目，这个过程可能要花费我们一天的时间，来实现这步。今天这一步缩短到几秒钟就能完成，究竟是什么工具这么神奇呢，他就是gulp的一个插件g ...
分类：
其他好文 时间：
2017-05-06 13:04:19
阅读次数：
272
