雪碧

H5前端性能测试小结

Http请求个数同一个域名不同浏览器内核、不同版本浏览器，大部分并发请求数是6个；优化方案：a.雪碧图：即CSSSprite，也称CSS精灵，是一种CSS图像合并技术，该方法是将小图标和背景图像合并到一张图片上
weixin_34327761·2020-08-10 03:36

第9天：CSS精灵图

“CSS精灵”，英语csssprite，所以也叫做“CSS雪碧”技术。是一种CSS图像合并技术，该方法是将小图标和背景图像合并到一张图片上，然后利用css的背景定位来显示需要显示的图片部分。
weixin_34194702·2020-08-10 03:02

你知道SVG Sprites是什么吗，还在用css sprite就太low了

大家好，这里是@IT·平头哥联盟，我是首席填坑官——苏南(South·Su)，今天要给大家分享的是SVGSprites(也叫雪碧图)，所谓雪碧图，当然就不是我们常喝的雪碧饮料（Sprites）哦，哈哈～
weixin_33712881·2020-08-10 02:20

前端性能优化 --- 图片优化

支持透明png24——2^24色+不支持透明png32——2^24色+支持透明webp：压缩程度更好，在ioswebview有兼容性问题svg：矢量图，代码内嵌，相对较小，图片样式相对简单的场景CSS雪碧图把一个页面中用到的图标整合到一张单独的图片中以达到减少网站的
帕尼尼0_0·2020-08-09 18:35

记一次低级错误：feign.FeignException: status 404 reading XXXClient#XXMethod(Long)

五一假期在家愉快的撸代码，本来喝着雪碧唱着歌，吹着小风享受惬意的生活，谁知道一个Bug从天而降，有Bug不怕，找四阿哥呀（专治八阿哥）；于是开始了漫长的解决bug之旅。
TopFancy·2020-08-09 16:50

进程的同步与互斥--大总结

1：吸烟者问题2：雪碧、可乐问题3：打印奇、偶数问题4：理发师问题5：公交车问题6：生产者、消费者问题7：读者-写者问题(写着优先)8：读者-写者问题(读者优先)9：哲学家就餐问题(0号哲学家是左撇子)
ve2102388688·2020-08-09 01:57

用 js 实现帧动画

今天在完成百度前端技术学院的时候有一个题目是，用js操作css的雪碧图实现帧动画。我们知道实现帧动画的方式有gif，css动画和js操纵的方式。
real_metrix·2020-08-08 19:54

h5学习笔记：小程序hover-class 按钮点击缩放

一个方面可以使用两张图片切换，或者尝试使用雪碧图。但查看了一些文档后，小程序view组件中hover-class设置样式可以制作出一个点击缩放的效果。
hero82748274·2020-08-08 16:48

css为什么需要精灵图

因此为了有效地减少服务器接受和发送请求的次数,提高页面的加载速度,出现了css精灵技术（也称csssprites、css雪碧）精灵图的使用使用精灵图的核心：1.精灵图技术主要针对背景图片使用。
珊迪·奇克斯·2020-08-08 01:00

iconfont实践小结

之前写了一篇关于雪碧图的博文，评论里有说用http2、或用SVG也有说用图标字体代替，大家知识面是挺广，但深入了解技术点的似乎却不多，否则不会有雪碧图过时无用，用http2或图标字体取代就好了的想法；http2
weixin_34051201·2020-08-08 00:01

web前端性能优化实践

性能优化规范1、加载优化合并CSS，JavaScript；合并小图片，使用雪碧图；缓存一切可以缓存的资源；使用长Cache；使用外联样式引用CSS，JavaScript；压缩HTML、CSS、Ja
万少博·2020-08-08 00:29

Yahoo!军规详解

2、CSSSprites（雪碧图）：将多个小图片合并，利用background-position指定显示偏移量，雪碧图制作工具：Go!Png（由腾讯alloyt
ka_peter·2020-08-08 00:57

【前端面试篇】计算机网络相关

浏览器缓存（接下来问题会有）资源打包压缩图片资源优化（webP、svg、雪碧图）CND（接下来问题会有）减少回流和重绘衍生问题1
WaNgLu：）·2020-08-07 09:18

WEB前端第十九课——雪碧图&滑动门

1.字体图标获取途径：①免费网站下载字体②收费网站购买字体使用权③自己设计字体（要有设计背景）2.阿里巴巴IconFont图标库URL：https://www.iconfont.cn/home/index，需要注册账号后才能下载使用图标下载成功后，可以通过编辑器直接调用引用方式（以下内容摘自iconfont使用说明）：①Unicode引用，Unicode是字体在网页端最原始的应用方式，特点：兼容性
后来喵·2020-08-07 01:00

WEB前端第十九课——雪碧图&滑动门

1.字体图标获取途径：①免费网站下载字体②收费网站购买字体使用权③自己设计字体（要有设计背景）2.阿里巴巴IconFont图标库URL：https://www.iconfont.cn/home/index，需要注册账号后才能下载使用图标下载成功后，可以通过编辑器直接调用引用方式（以下内容摘自iconfont使用说明）：①Unicode引用，Unicode是字体在网页端最原始的应用方式，特点：兼容性
后来喵·2020-08-07 01:00

CSS3动画-扇形展开-（内有js代码）

//多个li点击展开/折叠在CSS部分，主要使用了雪碧图，动画，阴影，背景渐变等CSS
Zerofishcoding·2020-08-05 16:51

iconfont字体图标和各种CSS小图标

iconfont字体图标我们的需求中，很多时候会看到一些小的图形，或者叫图标，比如天猫网站中：这些小图形我们可以用图片代替，通常我们是把这些图形切图之后做成精灵图（又叫雪碧图）；精灵图的原理：把很多小图片集合成一张大图片
weixin_30312563·2020-08-05 02:43

Django 如何提升性能（高并发）

对前端的优化主要有：减少http请求，减少数据库的访问量，比如使用雪碧图。
EchoPython·2020-08-04 17:49

前端中的icon几种用法

icon的5种用法icon有5种常用的用法：img用法background用法background一张图（CSSsprite雪碧图）font字体SVG切图制作icon，首先需要素材，这时候就要用到Photoshop
weixin_34372728·2020-08-04 05:02

Web中的图标

除了直接调用icons之外，还有Sprites（俗称雪碧图）、IconFont（字体图标）、SVGIcon等等。前端工程师关心页面可访问姓、性能以及重构的灵活性，可重复性，可维护性等等。
weixin_33719619·2020-08-04 04:45

关于最近一直纠缠我的c3p0-config.xml配置文件找不到的问题终于解决了，\(^o^)/

所以我就放好了结果运行后，等待了很久，最后得到一堆红色的让人崩溃的error心态瞬间崩了，喝了一口雪碧纤维+（这不是广告-_-）冷静一下，经过数分钟的搜索，网上的过来人告诉我可能是mysql的驱动版本不匹配
wanbeila·2020-08-04 03:58

css、css3快速入门（乾坤未定，你我皆是黑马3）

这篇文章讲的是css和css3上期回顾：html、html5、浏览器内核差异大概内容包括：css基本语法，选择器，雪碧图，单位，盒模型，浮动与定位，绘制三角形，太极图，心形图，响应式布局，过渡与动画，chrome
那谁呀撒·2020-08-03 18:46

合并字体图标

1：http://iconfont.cn(阿里)或是2:http://www.fontawesome.com.cn/（awesome）把项目的已经下载的，由于项目需要不断增加，不想用雪碧图，那么要把字体图标合并在一起而又不影响呢
diaojun0032·2020-08-03 16:22

谈谈Web图标

除此之外，还有Sprites(俗称雪碧图)、IconFont(字体图标)、SVGIcon等等。本文就将探讨一下这些方法在Web
百度众测·2020-08-03 15:01

搞Unity开发遇到的一些坑

GPU温度过高，电脑会有嗡嗡电流声雪碧图突然消失可能和层级有关如果值是对的，并且之前测试都没问题，但是重新打开就有问题，一定是生命周期顺序不对，调一下顺序即可解决除数为0的bug可能不会中断程序如果程序之前没问题
Sky.Allen·2020-08-03 03:03

前端优化之雅虎军规

使用雪碧图，即CSSSprite，减少图片的请求次数，并且图片在合并之后，总的字节数减少，请求更快2.避免重定向，重定向会拖慢用户页面渲染,影响体验。3.ajax缓存,当请求的资源
ZACH_ZHOU·2020-08-02 22:22

vue项目可以从哪些方面进行优化

WebP（需要考虑webp兼容性）在线生成，如智图、又拍云gulp生成，gulp-webp或gulp-imageisuxcanvas生成可以参考juejin.im/post/5ad043…减少图片请求，使用雪碧图在线生成
weixin_34326558·2020-08-02 14:44

购物车按钮

雪碧图.cart{width:40px;height:30px;margin:100pxauto;background-image:url("img/1.png");background-position
isMyNickName·2020-08-01 11:30

网页图片加载优化方法总结

目录1.压缩2.直接一开始用压缩过的体积小的图，等加载完毕后，再用高清无码图来替换掉3.使用base64编码代替图片4.更好的图片格式5.合并图片sprite(雪碧图)6.使用css、svg、canvas
正义的小豆·2020-08-01 08:09

精灵图(雪碧图)一招解决定位难问题，再也不用猜位置或者ps测距离了

很多时候我们都很头疼精灵图，因为它定位太难了，简直是一个噩梦，不用慌，一招解决这个问题首先打开一个网站http://www.spritecow.com，会出现一个页面我们点击openimage，把我们的精灵图照片放进去，点击那两个按钮2*和%然后点击精灵图中的任意一个小图标或者图片，下面就会出现类似的.sprite{background:url('imgs/index.png')no-repeat
进阶的巨人001·2020-08-01 06:37

该如何以正确的姿势插入SVG Sprites？

大家好，我是苏南，今天要给大家分享的是SVGsprite(也叫雪碧图)，所谓雪碧图，当然就不是我们常喝的雪碧饮料（Sprites）哦，哈哈～当下流程的移动端，手机型号太多太多，今天工作项目中突然发现还有同事在使用以前大家曾经包括现在还很熟悉的
weixin_30312563·2020-08-01 03:08

写一点小文字，去街上吃好吃的钵仔糕，买2.5一根的烤肠，吃热气腾腾的煎饼果子和关东煮：孤独不可怕。

像是雪碧被硬生生掺进了红酒，气泡一点点的淹没在红色的液体，在杯中暗涌，最后销声匿迹，违和又古怪。孤独是一个常常被提起的词语，有的人喜欢，有的人害怕，有的人是害怕别人发现他害怕孤独而装作自己喜欢孤独。
吕清夏·2020-08-01 02:34

TME live X 雪碧 | 张韶涵线上音乐会用「?」定义人生，探寻未来更多可能

¤èè觤è¨LIVE°é°é·è¨è°±èè§è±TMEliveX駤éliveèééUndefinedé°¨QQé°8220:00¨é¤è°°é°è?éè¨?觷±éè¤è°é¨é¨èèèéUndefined騧±éè§èèèèèé谨訤éè±è°éè°èèé°èé°è觰¨§é跱跰°è褧¤§èé°¨é·éèéè·é¨è°è°±èè°èè¤é......¨é餧é
QQ音乐·2020-08-01 00:00

vue-cli svg-sprite-loader

当你有很多的svg图片的时候，你可以使用svg-sprite-loader来把图片打包成雪碧图（不是心飞扬哪个雪碧），然后使用时每个svg对应一个name标识。
干啥啥不行，bug第一名·2020-07-31 23:58

老板就是老板

和爱人一起去vivo旗舰店送小瓶装的芬达可乐雪碧。货不多，打开车门，我用比平时少一半的体力干起来。
霞想·2020-07-31 21:59

蒲可可揭秘那些所谓的健康饮料

蒲可可揭秘那些所谓的健康饮料相信各位妹纸都知道长期喝雪碧、可乐等刺激性的饮料会长胖，但是你是否认为喝果汁，茶水等所谓的“健康饮料”就不会长胖了呢?
月亮77·2020-07-31 14:09

最简单的SVG图标使用方式

简介IconSprite：CSS精灵或雪碧图，是一种网页图片应用处理方式。原理是，把网页中一些Icon整合到一张图片文件中。再通过一定方式从图片文件中取出所需Icon并显示。
Dreamy_lin·2020-07-31 13:16

使用 svg-sprite-loader 批量引入 icon

目录1、推荐阿里iconfont2、使用前的一些配置3、svg图标的引入和使用1、推荐阿里iconfont前端在做项目的过程中，都会频繁使用图标，记得几年前还是流行使用CSSSprite雪碧图，它的好处有减少
yingjieweb·2020-07-31 11:07

创业日记连载149篇美味的午餐

手工拉面，两杯饮料柠檬可乐，柠檬雪碧。荤素搭配，有营养。美味佳肴我们俩个人太厉害，今天光盘族，哈哈…………我们就去走
宋音缘·2020-07-31 10:12

一些浏览器的兼容和雪碧图的使用

当用li标签包裹住a标签，鼠标经过，让其它元素显示时。要写li:hoverdiv{各种样式}而不能写ullia:hoverdiv{各种样式}事件代理：为后来添加的元素添加上事件，优化引擎—Gecko内核css前缀为"-moz-"火狐浏览器—Presto内核css前缀为"-o-"Opera(欧朋)—Trident内核css前缀为"-ms-"IE—WebKit内核css前缀为“-webkit-safa
奋斗1216·2020-07-30 22:20

一些浏览器的兼容和雪碧图的使用

当用li标签包裹住a标签，鼠标经过，让其它元素显示时。要写li:hoverdiv{各种样式}而不能写ullia:hoverdiv{各种样式}事件代理：为后来添加的元素添加上事件，优化引擎—Gecko内核css前缀为"-moz-"火狐浏览器—Presto内核css前缀为"-o-"Opera(欧朋)—Trident内核css前缀为"-ms-"IE—WebKit内核css前缀为“-webkit-safa
weixin_30722589·2020-07-30 21:39

前端页面性能优化详解——资源合并、异步加载、缓存、cdn、预解析dns、渲染优化

在说下面的优化方式之前，我们还要对自己代码的书写也要优化（比如js方面缓存dom，一次性动态添加dom而不是循环每次添加dom；css方面尽量不用后代选择器，少用子代选择器，最好不要超过三层），压缩图片，使用字体图标或者雪碧图
winne雪·2020-07-30 21:25

前端学习笔记（12）之css一些无聊的知识点

BFC、布局、属性选择符、非IE常见bugBFC计算值的表达式calc（）width的属性值雪碧图非IE浏览器常见bug属性选择符（通过html属性选择元素）浏览器四大内核结构性伪类每日一丧BFCBFC
前端之神风中告退·2020-07-30 21:47

太认真你就输了

想起笔者这些年幼稚的时候，对明明非常在意的人或者事都可以表现出一副不在意的样子，而且也不知道掩饰的是不是很好，总会感觉很尴尬，细想，还是太看重了……辣椒水和橙汁.雪碧还有凉白开如果让你选，一辈子都要喝的
深色森林·2020-07-30 18:54

前端优化

加载页面和静态资源页面渲染代码规范1、CSS放前面，JS放后面（减少白屏时间）2、合并CSS和JS、雪碧图/base64（http请求大约占据了页面加载速度的80%之多，所以减少http请求是重中之重）
chasing_dream·2020-07-30 10:01

2017-12-25

晒太阳可以晒走坏心情吧，如果喝上一瓶雪碧也是酸爽得很。发现《蜡笔小新》有些少儿不宜啊，盛名在外，自己却刚刚开始看。《哆啦A梦》尝试看日语版的。昨天，有一件很尴尬的事。
mortalcc·2020-07-30 10:20

不喜欢，就请别留下希望

1木罗姑娘是雪碧先生转专业后认识的，但是，他们已经不是见第一次了，早在公共课上，他们都见过了。转专业伴随而来的漫天盖地的孤寂，因为这里
我是无所谓先生·2020-07-30 07:44

2019-07-09阴有阵雨，271

关于这个饮料雪糕问题，也与父母达成共识，不惯脾气不管如何去讨要，坚决不买可乐雪碧适当可买点果汁和茶兀，毕竟孩子的肠胃重要。整个暑假50多天，希望慢慢改正坏习惯，争取新学期有个好的学习与行为习惯，逐
车荣杰爸爸·2020-07-30 03:15

原生JS实现图片懒加载(lazyload)

实现原理 加载页面的时候，图片一直都是流量大头，针对图片的性能方法也挺多的比如base64、雪碧图等；懒加载也是其中一种，主要原理是将非首屏的图片src设为一个默认值，然后监听窗口滚动，当图片出现在视窗中时再给他赋予真实的图片地址
weixin_33881140·2020-07-30 03:24

一篇文章让你搞懂JS懒加载(lazyload)

2.实现原理加载页面的时候，图片一直都是流量大头，针对图片的性能方法也挺多的比如base64、雪碧图等；懒加载也是其中一种，主要原理是将非首屏的图片src设为一个默认值，然后监听窗口滚动，当图片出现在视窗中时再给他赋予真实的图片地址
水机.Threeki·2020-07-29 23:26
上一页 20 21 22 23 24 25 26 27 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他