[css] 说说你对jpg、png、gif的理解，分别在什么场景下使用？有使用过webp吗？

[css] 说说你对jpg、png、gif的理解，分别在什么场景下使用？有使用过webp吗？

jpg, 色彩复杂图片
png, 色彩简单图片
gif, 动图, 或者色彩极简的icon等
webp, 判断能使用webp的浏览器就是用webp

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/412648.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

GC算法与收集器

GC算法与收集器

一.判断对象是否存活 1.引用计数算法 2.可达性分析算法 二.垃圾收集算法 1.标记-清除算法：效率低，内存碎片 2.复制算法：适用于对象存活率低 3.标记-整理算法：没有内存碎片 4.分代收集算法：新生代用复制算法 老年代用标…
阅读更多...
[css] 如何消除transition闪屏？

[css] 如何消除transition闪屏？

[css] 如何消除transition闪屏？ 题目越简单越有含量。 看题意不知道在问什么，说明这个问题自己没注意或不熟悉，而不是去怀疑题目出的有问题。这个问题自己没有遇到过，或者说没有注意过这个问题，网上搜索了下答案&…
阅读更多...
php opcache 详解

php opcache 详解

PHP性能提升之OPcache相关参数详解 工具 memory 发布于December 15, 2016 标签: PHPOPcache 通过将 PHP 脚本预编译的字节码存储到共享内存中来提升 PHP 的性能， 存储预编译字节码的好处就是 省去了每次加载和解析 PHP 脚本的开销。 PHP 5.5.0 及后续版本中已经绑定…
阅读更多...
es elasticsearch 几种常见查询场景 二次分组 java读取es的查询json文件

es elasticsearch 几种常见查询场景 二次分组 java读取es的查询json文件

大家好，我是烤鸭： es中几种常见的查询场景,使用java读取es的json文件进行查询。 es 中文使用手册。https://www.elastic.co/guide/cn/elasticsearch/guide/current/foreword_id.html 1. 从最简单的查询开始 GET /_search {"hits" : {&qu…
阅读更多...
[css] 元素竖向的百分比设置是相对容器的高度吗？

[css] 元素竖向的百分比设置是相对容器的高度吗？

[css] 元素竖向的百分比设置是相对容器的高度吗？ 父级非 auto 的 height 时，子级百分比的 height 才有效。 即使父级有 min-height 或其他子级撑起的高度，子级百分比 height 依旧无效。个人简介 我是歌谣，欢迎和大家一起交流前后…
阅读更多...
阿里云服务器邮件发送

阿里云服务器邮件发送

一个邮件发送的功能，本机调试无问题，但发布到阿里云服务器后邮件发送功能失败。 网上查了下大概是说阿里云把发送邮件的25端口禁用掉了 那么解决方式一就是向阿里云申请开放25端口，但具体如何申请，并未深入操作。 解决方式二&…
阅读更多...
全链路追踪竟然如此简单? bytebuddy搭建全链路追踪的demo 附代码

全链路追踪竟然如此简单? bytebuddy搭建全链路追踪的demo 附代码

大家好，我是烤鸭： 最近一直在研究全链路追踪，比如cat、skywalking、zipkin等。 发现 skywalking 是基于bytebuddy 实现的，想自己试着写一下demo。 demo的git地址,感兴趣的可以自己试下。代码在idea中可以跑,至于其他场…
阅读更多...
[css] 用CSS绘制一个红色的爱心

[css] 用CSS绘制一个红色的爱心

[css] 用CSS绘制一个红色的爱心 // 用过 就给贴过来了.heart {position: relative;width: 100px;height: 90px;}.heart:before,.heart:after {position: absolute;content: "";left: 50px;top: 0;width: 50px;height: 80px;background: red;border-radius: 50px 50p…
阅读更多...
穿透内网，连接动态ip，内网ip打洞-----p2p实现原理（转）

穿透内网，连接动态ip，内网ip打洞-----p2p实现原理（转）

源： 穿透内网，连接动态ip，内网ip打洞-----p2p实现原理转载于:https://www.cnblogs.com/LittleTiger/p/10107849.html
阅读更多...
[css] 举例说明css中颜色的表示方法有几种

[css] 举例说明css中颜色的表示方法有几种

[css] 举例说明css中颜色的表示方法有几种 颜色单词: blue / lightblue / skyblue / transparent(透明)rgb(0-255, 0-255, 0-255) / rgba(0-255, 0-255, 0-255, 0-1)hsl色相: hsl(色调，饱和度，明度) hsla( 色调，饱和度，亮度&#…
阅读更多...
关于 springcloud gateway 设置 context-path 的问题

关于 springcloud gateway 设置 context-path 的问题

大家好，我是烤鸭： 今天说一下遇到的问题，关于 springcloud gateway 设置 context-path 的问题。 1. 使用场景 由于没有申请二级域名,网关使用的地址是 xxx.com/gateway/ 用nginx转发的时候 /gateway/ 也被用来寻址。 gateway 没办法设置 con…
阅读更多...
echarts地图的基本使用配置

echarts地图的基本使用配置

一、空气质量图 代码和配置如下&#xff1a; <template><div class"box"><div id"map"></div></div> </template><script>import china from echarts/map/js/china.js export default {data(){return {}},mount…
阅读更多...
[css] 说说position的absolute和fixed共同与不同点分别是什么？

[css] 说说position的absolute和fixed共同与不同点分别是什么？

[css] 说说position的absolute和fixed共同与不同点分别是什么&#xff1f; 相同点&#xff1a; 1、都是用来给元素定位的属性&#xff0c;具有定位元素的一切特点&#xff08;例如脱离文本流、不占据空间等等&#xff09;&#xff1b; 2、改变元素的呈现方式为display&#xf…
阅读更多...
从源码角度分析下 micrometer 自定义 metrics endpoint 和 springboot actuator

从源码角度分析下 micrometer 自定义 metrics endpoint 和 springboot actuator

大家好&#xff0c;我是烤鸭&#xff1a; 今天分享下 micrometer 的源码&#xff0c;和springboot集成 自定义endpoint 的使用。 1. 文档信息 官方文档&#xff1a; http://micrometer.io/docs github&#xff1a; https://github.com/micrometer-metrics/micrometer s…
阅读更多...
云打码

云打码

1、云打码平台注册开发者模式用户登录 2、建立项目&#xff0c;下载项目案列代码接口 代码如下&#xff1a; 1 import http.client, mimetypes, urllib, json, time, requests2 3 ######################################################################4 5 class YDMHttp:6 …
阅读更多...
[css] 手动写动画最小时间间隔是多少，为什么？

[css] 手动写动画最小时间间隔是多少，为什么？

[css] 手动写动画最小时间间隔是多少&#xff0c;为什么&#xff1f; 一般浏览器的刷新频率为每秒60次&#xff0c;所以最小事件间隔为 1/60*1000 约 16.7ms个人简介 我是歌谣&#xff0c;欢迎和大家一起交流前后端知识。放弃很容易&#xff0c; 但坚持一定很酷。欢迎大家一起…
阅读更多...
Perhaps you are running on a JRE rather than a JDK? 关于 idea maven 缓存的问题 清理 idea maven 缓存

Perhaps you are running on a JRE rather than a JDK? 关于 idea maven 缓存的问题 清理 idea maven 缓存

大家好&#xff0c;我是烤鸭&#xff1a; 1. 先检查是否环境变量的问题 参考这篇 https://blog.csdn.net/mingjie1212/article/details/106963143 2. 如果确定环境变量没问题 执行maven install的时候报错&#xff0c;Perhaps you are running on a JRE rather than a JDK …
阅读更多...
[css] 怎样把一个div居中？怎样把一个浮动元素居中？怎样把绝对定位的div居中？

[css] 怎样把一个div居中？怎样把一个浮动元素居中？怎样把绝对定位的div居中？

[css] 怎样把一个div居中&#xff1f;怎样把一个浮动元素居中&#xff1f;怎样把绝对定位的div居中&#xff1f; 主要用到:text-alin: center;margin: 0 auto;position: relative | absolute; left: 50%;vertical-align: middle;transform: translate(-50%);个人简介 我是歌谣…
阅读更多...
swift - 使用系统app导航

swift - 使用系统app导航

import UIKit//1.导入框架 import MapKitclass ViewController: UIViewController {lazy var geoCoder : CLGeocoder {return CLGeocoder()}()override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {geoCoder.geocodeAddressString("广州&…
阅读更多...
springcloud gateway 使用nacos 作为配置中心 和 注册中心

springcloud gateway 使用nacos 作为配置中心 和 注册中心

大家好&#xff0c;我是烤鸭&#xff1a; 今天分享下 springcloud gateway 使用nacos作为配置中心和注册中心&#xff0c;主要是还是配置中心。 源码下载&#xff1a; https://gitee.com/fireduck_admin/springcloud-gateway-nacos-demo 1. 本地部署nacos 下载 https://g…
阅读更多...
最新文章

Copyright @ 2022~2023