创建子弹类 import pygame class Bullet(pygame.sprite.Sprite): def __init__(self): pygame.sprite.Sprite.__init__(self) self.bullet_up = pygame.image.load(r". ...
分类:
编程语言 时间:
2019-12-04 17:17:22
阅读次数:
124
今天做测试,遇到一道选择题。 瞬间一脸懵逼,sprites是什么?通过对各选项的分析,大致明白了几点:1、它是css属性。2、它与图片有关。3、它是背景图片。然后就选了一个大概不靠谱的,成功的选错了。 通过查找资料得知,CSS Sprites 也叫雪碧(Sprite)图,将网页中的多个小图标,集合到 ...
分类:
其他好文 时间:
2019-12-03 14:08:02
阅读次数:
92
Css Sprite(优点) 减少图片的字节。 减少网页的http请求,从而大大的提高页面的性能。 解决了网页设计师在图片命名上的困扰,只需对一张集合的图片上命名就可以了,不需要对每一个小元素进行命名,从而提高了网页的制作效率。 更换风格方便,只需要在一张或少张图片上修改图片的颜色或样式,整个网页的 ...
分类:
Web程序 时间:
2019-11-30 15:17:23
阅读次数:
112
1.css sprite是什么,有什么优缺点 将多个小图片拼接到一个图片中。通过 background-position 和元素尺寸调节需要显示的背景图案。 减少 HTTP 请求数,极大地提高页面加载速度增加图片信息重复度,提高压缩比,减少图片大小 2 display: none; 与 visibi ...
分类:
Web程序 时间:
2019-11-09 10:12:14
阅读次数:
106
一、CSS Sprite雪碧图使用场景 浏览器通常很快就可以将文本显示出来,但图像往往会减慢页面的加载速度。这一现象在移动端尤为明显,为了解决这个问题,可以将多个图像拼合成单个背景图像(sprite),再通过CSS控制具体显示图像的哪一部分。 CSS雪碧即CSS Sprite,也有称之为CSS精灵, ...
分类:
Web程序 时间:
2019-10-19 00:07:20
阅读次数:
108
1. 减少 HTTP 的请求次数和传输报文的大小 -CSS SPRITE(雪碧图、图片精灵)技术 - 使用字体图标(ICON FONT)或者 SVG 等矢量图; 可以减少 HTTP 请求次数或者减少请求内容的大小 ,使图片渲染的更快:因为他们是基于代码渲染的,而对于位图(png/jpg/gif)是需 ...
分类:
其他好文 时间:
2019-10-17 23:37:49
阅读次数:
97
svg的图片有着颜色自定义大小自定义的优势。在阿里图标库可以下载svg图片。 那么在vue框架中我们该怎么使用svg图片呢 这个时候就用到了 webpack 插件 svg-sprite-loader 首先呢自然就是安装了 npm i svg-sprite-loader --save 创建svg文件目... ...
分类:
其他好文 时间:
2019-10-16 19:46:55
阅读次数:
124
css 一行显示 display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; css 多行显示 ...
分类:
Web程序 时间:
2019-10-16 13:40:33
阅读次数:
112
// vue.config.js chainWebpack: config => { config.resolve.alias // key,value自行定义,比如.set('@assets', resolve('src/assets')) .set('svg', resolve('src/svg ...
分类:
其他好文 时间:
2019-10-13 13:07:41
阅读次数:
173
1.引入jquery.js 2.引入jquery.lazyload.js 3.用data-original替换img属性src 4.添加类型"lazy" 5.调用 lazyload(); 6.加载图片 ...
分类:
其他好文 时间:
2019-10-06 00:32:11
阅读次数:
99