发表于: 2018-07-13 23:35:23

1 768


今天完成的事情:

继续任务7

学习css sprites

css sprites有如下优点

加快网页加载速度:浏览器接受的同时请求数是10个,如果图片过多会影响整体的视觉效果,而且对于不稳定的网络带宽,把图片拼接为一张大图,从而加快加载速度,以及加速页面渲染

后期维护简单:该工具可以直接通过选择图片进行图片的拼接,也可以自己挪动图片,去布局图,直接生成代码,简单易学。

适合:一般小图标素材

小的图标ico类素材,一般图标很小十多像素几十像素的宽度高度,这种适合拼合成一张图实现sprites

background背景定位布局。多小ico太多自然加载网页时瞬间会消耗些http iis链接数,但很快加载完又会释放。

不适合:大图大背景

大背景一般用于网页背景,拼合时,设置为网页背景时所有背景都会显示出来。大图拼接拼合会增大图片大小,网络带宽不好的访问者访问时由于背景图大文件大会加载稍慢些

在图片合并的时候,你要把多张图片有序的合理的合并成一张图片,还要留好只够的空间,防止板块内不会出现不必要的背景,如果留空间或拼合位置不合适,在布局时容易出现布局这个盒子对象时,设置背景出现拼合相邻图片,干扰图片的情况;

明天计划的事情:

1完成任务7

2 开始任务8相关知识点的学习

遇到的问题:

任务7second page 遇到困难。用任务一的方法去布局9宫格无法达到好的效果,在师兄的建议下用<ul>去部署这一部分。使用到了Audio,但还不清楚如何自动播放

收获:

实质大于形式,有时写出的页面表层上能做到基本还原,但代码的编写还是过于繁复,要精练准确易于维护编辑。




返回列表 返回列表
评论

    分享到