雪碧

【每日一题】(42题)谈谈你对Http2.0的理解?

在HTTP1.X中，为了性能考虑，我们会引入雪碧图、将小图内联、使用多个域名等等的方式。
程新松·2021-02-05 09:31

2021前端性能优化手段总结

合并请求压缩资源资源精简资源前置加载资源预热Gziphttp2协议升级开启KeepAlive离线缓存Canvas代替DOM方案降级资源内嵌CDN图片压缩优化图片格式雪碧图多域名加载资源资源异步加载数据分片首屏内容加载限制
西西爸de札记·2021-02-02 09:54

Day5：记录身边的故事（换亲）

朋友小明叫我陪他喝酒，天知道我酒量多好，所以买了两瓶雪碧揣兜里。“我舅终于死了，我爸一高兴，把栓儿宰了，你尝尝。”我屁股还没坐稳当他就来了这么一句，搞得我顿时胃口全无。
有眉毛的秋小姐·2021-01-09 21:46

关于CSS雪碧图

关于CSS雪碧图概念（百度百科-搬运）CSS雪碧即CSSSprite，也有人叫它CSS精灵，是一种CSS图像合并技术，该方法是将小图标和背景图像合并到一张图片上，然后利用css的背景定位来显示需要显示的图片部分
一个笨拙的前段学习者·2021-01-04 11:31

猿人学题库十九题——css加密-雪碧图/数据干扰等——地毯式采坑学习

猿人学题库十四题——css加密-雪碧图/数据干扰等1.首先进入浏览器的开发者工具，打开就是俩个无线debugg，正常的操作过掉1.找到debugg对应的行数，右击选择neverpausehere,刷新就不会再此处停下了虽然这样过掉了
北茫·2020-12-30 15:55

webpack4.0各个击破（3）—— Assets篇

Assets资源的基本处理需求Assets，指项目中被引用的资源，通常为各种格式的图片和字体文件，当然也可能包含各式各样其他扩展名的文件（.json,.xml等），常见的图片和文字资源的处理包括：体积压缩雪碧图合并及引用修正资源的引用路径自动替换二
JAVA_朴先生·2020-12-29 20:33

懒人神器：svg-sprite-loader实现自己的Icon组件

工作原理网上搜寻了一圈，一个简单的解决方案是——svg雪碧图。它的工作原理是:
Yawenina·2020-12-24 10:51

减肥篇 下

根据科学测算，打半个小时篮球耗能220大卡<一杯奶茶产生的热量，骑半个小时自行车耗能145大卡≈一瓶雪碧，即使你
懒蚂蚁的世界·2020-12-21 17:46

html全局布局 vue_前端面试题套路--终极版（Vue、JavaScript）

1.尽可能使用雪碧图2.使用字体图标代替图片3.对HTML，css，js文件进行压缩4.模块按需加载5.资源懒加载与资源预加载6.避免使用层级较深的选择器及减少DOM深度2.单页面应用和多页面应用的区别及优缺点
weixin_39847244·2020-12-21 05:41

性能优化之雪碧图

一、定义CSS图像合并（Imagesprites）技术，亦作CSS贴图定位、图像精灵（sprite，意为精灵），被运用于众多使用大量小图标的网页应用之上。它可取图像的一部分来使用，使得使用一个图像文件替代多个小文件成为可能。相较于一个小图标一个图像文件，单独一张图片所需的HTTP请求更少，对内存和带宽更加友好。二、使用方法利用background-position对图标进行定位，若原来是标签，替换
Cynthia·2020-12-08 15:55

CSS Sprites精灵图（雪碧图）的使用以及利用工具制作

CSSSprites的原理（图片整合技术）----精灵图（雪碧图）原理：将导航背景图片、按钮背景图片等有规则的合并成一张背景图，将多张图片合为一张整图，然后用background-position来实现背景图片的定位技术
欣欣~·2020-12-04 16:01

2020-11-23

实验与未来夏日里，畅饮清爽冰凉的雪碧可乐总能为我们解渴，体会到舌尖上气泡所带来的刺激感，所以我们大都称它们为“快乐水”，这种令人“快乐”的气泡其实是二氧化碳和水反应生成的碳酸，如果没有实验的支撑，人类怎么会把它运用到人的吃用上来呢
呵呵哈哈哈_31a3·2020-11-24 07:56

雪碧小狗

我想了半天才想到他应该叫雪碧。雪碧的皮毛白溜溜的，像是一团团小雪合起来的样子，方头方脑的，很可爱。
ab5a44e925e8·2020-11-22 19:17

仿阿里云雪碧图动画——原生JS实现

自阿里云官网UI升级后，对首页中的雪碧图动画很感兴趣。
希尔并不知·2020-11-18 11:48

CSS个人问题总结

的使用场景和总结背景背景，一定要把它理解成为某个盒子的背景，也就是盒子里面随意写东西，写的东西层级永远比背景的z-index高适用场景：【一张很大的图片需要展示并且图上面还有相应的元素】【兼容IE8】【雪碧图
不就是个div嘛·2020-11-15 21:34

day10-练习（过渡、动画、旋转）

练习雪人练习（过渡练习）雪碧图原图实现效果实现代码奔跑的雪人（动画练习）雪碧图原图实现效果实现代码小球下落实现效果实现代码钟表实现效果实现代码六面体旋转实现效果实现代码雪人练习（过渡练习）雪碧图原图实现效果实现代码这里雪碧图为和
蔡大爷的小甜心·2020-11-05 09:33

2020-11-04 学习总结 css基础6 相对定位绝对定位，元素的层叠顺序z-index，精灵图，创建锚点，浏览器相关，简单bug处理

相对定位和绝对定位的区别相对定位是相对于元素本身定位通过偏移量设置定位元素与原来位置的距离、绝对定位是相对于祖先元素定位子集开启绝对定位父级开启相对定位2.元素的层叠顺序z-index值为整数值较大的元素会叠加到值较小的元素之上默认层是0可以设置负值3.精灵图/雪碧图网页图片处理的方式将零星的图片整合成一张大图片优点
Amanda&Rachel·2020-11-04 19:51

前端与移动开发-----CSS（精灵图+字体图标+CSS 三角+溢出的文字省略号显示）

CSS1.精灵图（重点）使用精灵图（目的）：为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，出现了CSS精灵技术（也称CSSSprites、CSS雪碧）。
東三城·2020-10-22 23:55

《学习力亲子训练营》笔记20201011

嗓子还没打开有很多孩子不喜欢有很多大人不喜欢我们欢迎大朋友小朋友从来不拿成绩来衡量孩子，学生你成绩好你成绩不好四年没有在国庆陪女儿，使命是唤醒更多的孩子了解彼此没有人没有问题人生是一个问题踩着一个问题来的最有挑战的一个班童老师雪碧开喉
易锦人生·2020-10-11 20:35

在中国的屏风上

画中的喝茶的猫是可乐和雪碧，墙上的是芬达。至今它们仨快乐的生活在一起。图片发自App
染染浩淼·2020-10-11 16:57

你是这样的补钙的？汤臣倍健液体钙提醒你补钙方式有误！

学者表示，其中一部分原因可能要归咎于年轻人常喝的可乐、雪碧，碳酸饮料中含有磷酸，它不仅会降低人体对钙的吸收，还会加快钙的流失。如
贞元网络车丽明·2020-10-10 19:28

澳洲的夏日，简直是人间超值得！

许多浪漫而又美好的事情都会在夏天发生蝉鸣，绿茵，冰淇淋可乐雪碧啤酒滋滋冒出的气泡充实而令人心动的夏天由这些细细碎碎的美好而组成！
Jennie环游记·2020-10-10 18:54

葡萄酒兑雪碧4

当听到朋友喝葡萄酒都兑雪碧时，我几乎惊讶了，简直就是公主嫁土豪了！为什么这么讲呢？在这里科普一下:与中国茶文化相比，在世界范围葡萄酒的文化更加浓郁。以其口感、营养、健康得到人们的青睐。
未出山·2020-10-09 19:45

可口可乐和百事可乐的粉丝在论坛吵爆了！你站谁？

@一位真实存在的好友“雪碧更好喝”@拜仁小老鼠"雪碧也算饮料？？？"@一位很帅的人“可口可乐？洁厕可乐”@嗷呜喵呜汪把可口可乐喝光瓶子都压扁了，都不开一罐百事@
虎扑体育·2020-10-03 00:00

超火的便利店冰沙机，全北京仅两台！

能做成冰沙的饮料种类很多，有可乐、雪碧、怡泉苏打水等等。不过只有指定冰柜里的饮料可以做，外面的饮料因为温度不够，是不能成冰的~↓
北京美食攻略·2020-10-02 00:00

“??以前打扰了，以后不会了??”

今天的歌曲由@开饭了分享希望大家喜欢这是大叔为你写的1059篇日记图片：网络“夏天是什么样子的可乐雪碧里冒出的气泡路边的啤酒和烧烤三五好友在谈笑西瓜冰棒，唯独少了你”2020.10.02
末那大叔·2020-10-02 00:00

我的秘方二

有次同学聚会，有个女同学说她要回收大雪碧空瓶，用来泡酵素做洗洁精。我那时候有女将长成，一直想给她一款天然的洗面奶。
此时的宝丹·2020-09-30 23:41

QQ音乐 x 雪碧 2020 YOUNG MUSIC校园乐队大赛大区晋级赛精彩回顾

年轻，就是要制燥少年如斯乐队魅力纵情释放QQ音乐雪碧2020YOUNGMUSIC校园乐队大赛4场大区晋级赛完美落幕感谢40支校园乐队的表演带来了不一样的舞台极致浪漫——北部大区——比赛现场自由嗨唱开启音浪最强音
QQ音乐·2020-09-24 00:00

前端那么简单有什么好学的?来，工程化了解一下

为了减少请求数，前端开发者通常会把大量尺寸较小、细碎的小图片合并成一张大的透明的雪碧图，在CSS中通过设置元素的backgroun
小马过河R·2020-09-18 16:53

自定义 radio 样式（微信小程序）

checked选择器和+兄弟选择器，给兄弟元素label添加伪元素样式（::before/::after）2.还是隐藏原生radio，使用:checked选择器和+兄弟选择器，不过是给label加一个背景图片（雪碧图
asg37218·2020-09-17 15:05

HTML、CSS小技巧三——图片、精灵图、溢出文字省略号显示、滑动门技术、margin负值、CSS三角形

精灵图（雪碧图）即将网页中的一些背景图像整合到一张大图中（精灵图)有效地减少服务器接受和发送请求的次数，提高页面的加载速度。使用：b
-CapricornusW·2020-09-17 09:34

CSS 高级技巧（字体图标+三角+vertical-align+溢出文字省略号显示+常见布局技巧）

因此，为了有效的减少服务器接收和发送请求的次数，提高页面的加在速度，出现了CSS精灵技术（也称CSSSprites、CSS雪碧）。
杨星星_·2020-09-17 08:03

CSS（六）精灵图-字体图标-三角-用户界面样式-vertical-align-溢出文字省略号-常见布局技巧-初始化

服务器就会频繁地接受和发送请求图片，造成服务器请求压力过大，这将大大降低页面的加载速度因此，为了有效的减少服务器接受和发送请求的次数，提高页面的加载速度，出现了CSS精灵技术（也称为CSSSprites、CSS雪碧
whyfail·2020-09-17 08:12

【Web】CSS（No.29）CSS高级技巧（鼠标样式、轮廓、防止拖拽文本域、垂直对齐、图片/表单和文字对齐、去除图片底侧空白缝隙、溢出的文字隐藏）精灵图/雪碧图（sprite）

CSS高级技巧需要素材点击图片联系我或私信、评论CSS用户界面样式所谓的界面样式，就是更改一些用户操作样式，比如更改用户的鼠标样式，表单轮廓，防止表单域拖拽等。鼠标样式（cursor）设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。cursor:default小白|pointer小手|move移动|text文本鼠标放我身上查看效果哦：我是小白我是小手我是移动我是文本尽量不要用hand
-Sherry-·2020-09-17 08:13

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

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

js获取当前行元素

创建表格分类名称单价（元）单位饮料雪碧3瓶获取单元格的值functionget_data(){$("button").click(function(){vartd0=$(this).parents("tr
iteye_17819·2020-09-16 11:53

浅析鸿蒙 JavaScript GUI 技术栈

作者：doodlewind雪碧https://zhuanlan.zhihu.com/p/240594356众所周知，刚刚开源的「鸿蒙2.0」以JavaScript作为IoT应用开发的框架语言。
winty~~·2020-09-16 08:00

改变radio默认选中颜色

之前都是用雪碧图进行radio选中图片的切换，现在选择这种比较容易的css样式切换。
yyrSun·2020-09-15 16:09

⑪HTML+CSS 页面设计练习

练习01_图片的列表02_京东左侧导航条03_网易新闻的右侧列表※04_w3导航条※05_京东的轮播图※06_京东顶部导航条※07_背景重复08_按钮练习09_雪碧图※10_电影卡片※11_米兔的动画※
只爭朝夕不負韶華·2020-09-15 14:49

从宏观到细节为你讲解前端性能优化

`css`雪碧图3.网页内联图片（`Imageinline`）4.矢量图`SVG`与`iconfont`5.`webp`三、浏览器渲染引擎与阻塞1.渲染的主要模块2.渲染过程3.`css`阻塞4.
AhuntSun·2020-09-15 14:37

前端性能优化基本原理

1.加载优化1.1减少HTTP请求(a)合并CSS，JavaScript(b)合并小图片，使用雪碧图（即将小图片合成一个小图片，加载后通过坐标获取各个小图片）1.2使用缓存使用缓存可以减少向服务器发送的请求数
a5372·2020-09-15 13:01

9.css

因此，为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，出现了CSS精灵技术（也称CSSSprites、CSS雪碧）。
Mongkkk·2020-09-15 09:57

粉阿吉整理(4)之------Css Sprites、Css 统筹与表单表格

CSSSprites(图片整合技术)精灵图雪碧图将导航背景图片，按钮背景图片等不常更换的小图片有规则的合并到一张大的背景图上。
粉阿吉·2020-09-15 06:22

移动H5前端性能优化

2、合并小图片，适用雪碧图。3、缓存一切可以缓存的资源。4、使用长Cache。5、使用外联引用css，JavaScript。6、压缩HTML、css、JavaScript。
ZYN5431·2020-09-15 03:42

如何减少http请求

如何减少http请求img的usemap；使用雪碧图使用base64编码小图片，比如页面背景，只有几px*几px,然后平铺使用或者使用canvas压缩图片，地址将静态资源放在CDN上，这样请求时不用携带主站的
我就是陈星烨·2020-09-15 03:38

css雪碧图相关

每http请求一次，就会和服务器连接一次，而建立连接时需要额外的时间开销CSSSprite使用优化：有效的减少http请求数量，加速内容显示CSSSprite使用规则：1、静态图片，不随用户信息的变化而变化（通常在网站上以常态的形式存在）2、小图片，图片容积比较小3、3K-5K容量，网站加载量比较大（一些大图不建议使用Sprite图，用户加载量较大）实现原理：控制一个层，可显示的区域范围大小，通过
elvira0702·2020-09-14 13:41

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

对于web前端的优化主要有：1.减少http请求，减少数据库的访问量，比如使用雪碧图。
myq151·2020-09-14 09:52

HTML5-canvars人物移动

document.getElementById("cans");letctx=cans.getContext("2d");letoImg=newImage();oImg.src="game.jpg";//h获取图片雪碧图
浅白bingo·2020-09-13 23:24

select 下拉框实现 placeholder 效果

代码段：--请选择--可乐橙汁雪碧牛奶--请选择--可乐橙汁雪碧牛奶效果图：
小白的奋斗历程·2020-09-13 12:59

童心易碎

推开大门，昏黄的灯光，照着桌上放着的美味佳肴，刚上桌的红烧肉，滋滋的冒着热气，杯中的雪碧，"咕噜咕噜"的升腾着气泡，家人们在谈笑风生……一切，好像都很和谐。但是，突如其来的事情，打破了应有的平静。
灯谜与合欢·2020-09-13 12:25
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他