当前位置: 首页 > 面试题库 >

解释下 CSS sprites的原理和优缺点分别是什么?

洪河
2023-03-14
本文向大家介绍解释下 CSS sprites的原理和优缺点分别是什么?相关html" target="_blank">面试题,主要包含被问及解释下 CSS sprites的原理和优缺点分别是什么?时的应答技巧和注意事项,需要的朋友参考一下

我来说下我的观点
原理:
多张图合并成一张图

优点&解决的问题

  1. hover效果,如果是多个图片,网络正常的情况下首次会闪烁一下。如果是断网情况下,就没图片了。sprites 就很好的解决了这个问题(第一次就加载好了)。
  2. 合并了请求数
  3. 制作帧动画方便

缺点

  1. 位置不好控制,有时候容易露底。。比如说3030的按钮,图片只有1212保不齐就漏出其他图片了。
  2. 合成时候比较费时(有工具代替)
  3. 位置计算费时(有工具代替)
  4. 更新一部分的时候,需要重新加载整个图片,缓存失效。
 类似资料:
  • 本文向大家介绍什么是闭包?优缺点分别是什么?相关面试题,主要包含被问及什么是闭包?优缺点分别是什么?时的应答技巧和注意事项,需要的朋友参考一下 上面就是闭包,有独立的作用域,且作用域的变量不会在程序中释放

  • 本文向大家介绍说说vue的优缺点分别是什么?相关面试题,主要包含被问及说说vue的优缺点分别是什么?时的应答技巧和注意事项,需要的朋友参考一下 优点:上手容易,社区活跃,文档齐全、国内中小公司最爱 缺点:API多,大而全、封装过度、学习成本较高,导致程序员javascript能力钝化

  • 本文向大家介绍说说你对SPA单页面的理解,它的优缺点分别是什么?相关面试题,主要包含被问及说说你对SPA单页面的理解,它的优缺点分别是什么?时的应答技巧和注意事项,需要的朋友参考一下 介绍:SPA应用就是一个web应用,可理解为:是一种只需要将单个页面加载到服务器之中的web应用程序。当浏览器向服务器发出第一个请求时,服务器会返回一个index.html文件,它所需的js,css等会在显示时统一加

  • 问题内容: 只是想知道TreeSet的优缺点是什么,是否有人可以告诉我?谢谢! 问题答案: 收藏类之一。它使您可以按键或按键顺序访问集合中的元素。它比ArrayList或HashMap具有更多的开销。当您不需要顺序访问时,只需按键查找即可使用HashSet。使用ArrayList并使用Arrays。如果只想按顺序排列元素,则排序。TreeSet始终保持元素顺序。使用ArrayList,您可以在需要

  • 本文向大家介绍AJAX工作原理及优缺点详解,包括了AJAX工作原理及优缺点详解的使用技巧和注意事项,需要的朋友参考一下 AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。 一、ajax所包含的技术 大家都知道ajax并非一种新的技术,而是几种原有技术的结合体。它由下列技

  • 本文向大家介绍解释TCP / IP模型的优缺点,包括了解释TCP / IP模型的优缺点的使用技巧和注意事项,需要的朋友参考一下 TCP / IP表示传输控制协议/ Internet协议。它是由美国国防高级研究计划局(ARPA,后来的DARPA)在1970年代后期创建的。 它是通信协议的集合。此外,它涉及用于管理分组传输,媒体访问,会话交互,数据传输,电子邮件和终端仿真的收集和方法。 TCP / I