问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

棋逢对手,将遇良才下一句是什么?

发布网友 发布时间:2022-05-04 07:52

我来回答

2个回答

懂视网 时间:2022-04-21 15:36

在制作移动端页面时,展示图片的方法是一般是通过css background样式或者加在img src标签上。然而,久而久之习惯了使用,却忘记思考哪个才是最优的?我们是否真正理解两者之前的区别?两者对比各有什么优劣势呢? 让我们先看一下这两种方式的基本概念。background属于css方法,img属于html标签。按照浏览器的渲染机制,html标签会被优先解析,而css则是在html解析完成后再执行。从这里也能够得到一个信息:

img方法比background方法能更加快速的显示图片。

接下来个人结合日常项目需求对两者关于加载速度、FPS、动画性能等方面进行对比:

测试准备

两个demo中分别使用background-image方式和img src方式对图片展示,页面中均有500个DOM,分别对速度、FPS、动画流畅性等方面进行测试比较。

一、速度测试

测试网络情况为Regular 3g(750kb/s 100ms RTT)。 由于实现方式不同所以页面的代码体积大小是不一样的。两个测试文件中,background页面完全加载成功后是337kb,img页面完全加载成功后是347kb。 两个demo加载后的大小主要是受css和html代码影响,background页面实现方式css代码量会相对较多,html代码量较少;而img页面实现方式css代码量会相对较少,html代码量较多。所以在页面各放置了500个DOM,html的代码量剧增,最终导致img页面会比background页面大一些。 最后使用Navigation Timing API测试页面加载时间。测试代码如下:

window.onload = function() { setTimeout(function() {  var t = performance.timing;  console.log("页面速度: " + (t.loadEventEnd - t.responseEnd) + " ms"); }, 0);};

测试数据为(单位ms):

平均值
backgruound 3356 3352 3350 3354 3353 3354 3353 3353 3354 3352 3353.1
img 3216 3238 3224 3224 3230 3222 3225 3229 3212 3215 3223.5

从上面的数据可以看出background页面和img页面加载速度差异不大,再结合前面所说的“img页面会比background页面大一些”,最终我们可以得到结论: 两者加载速度差异不大。在极端情况下,img页面实现方式会稍微快一些。

二、FPS测试

两者实现方式的本质都是将图片渲染出来,在理论上来说,两者应该差别不大,但还是做了数据统计,见下表:

平均值
backgruound 16.0 17.7 18.6 17.7 17.3 16.2 17.7 20 19.1 16.9 17.72
img 19 16.9 20 18.5 19 16.2 15.7 17.8 19 21 18.31

从这里的数据显示得到结论:两者FPS差异不大。

三、动画性能

在两个demo页面中,使用css3的transform:rotate实现从0度到360度循环旋转动画。演示地址:

(img页面)

(background页面)

测试得到GPU数据为:

平均值
backgruound 11 14 15 23 30 11.1 25 26.9 25 12 19.3
img 6.2 6.2 6.2 6.2 6.2 6.2 6.2 6.2 6.2 6.2 6.2

上面数据中显示,background页面实现方式GPU使用会在0~30之间波动;img页面实现方式GPU则一直保持在6.2。在比较低端手机上体验的时候,也很明显的感受到background页面的动画会出现一些卡顿,而img页面的动画则非常流畅。从这里可以得出结论: 在动画方面,img实现方式比background实现方式性能会更好,可以提高动画性能。

总结

结合其他一些比较重要的方面,最后做个总结:

  • 在对页面加载速度方面,两者差别不大;
  • 做动画的时候,尽量选择使用img标签,性能会更好一些;
  • 在SEO语义化方面,background完全不沾边,img语义清晰明了;
  • background结合css sprite可以优化页面加载速度;
  • 重要图片建议使用img标签,在页面加载时可以优先显示;
  • 感谢大家阅读,欢迎一起探讨。

    热心网友 时间:2022-04-21 12:44

    没有下一句,这就是一句话。

    1、棋逢对手,双方不相上下。旗鼓相当。比喻双方本领相当,不相上下。

    出处:南宋计有功《唐诗纪事》卷七十七,“事厄伤心否,棋逢对手无?”。

    译文:不好的事情遇到了会伤心吧,双方本领相当,不相上下吗?

    用法:主谓式;作谓语、宾语、分句;含褒义;指能手碰到能手。

    2、将遇良才都是能力好的人;本句比喻相对二人能力相当。

    出处: 明·施耐庵《水浒传》第三十四回:“两个就清风山下厮杀,乃是棋逢敌手难藏幸,将遇良才好用功。”

    译文:两个人在清风山下厮杀,都是本领相当,不相上下呀。

    用法:主谓式;作谓语、定语;常与棋逢对手连用。

    棋逢对手的相关典故:

    晚唐时期,有位名叫释尚颜的和尚非常喜欢下围棋,因下棋结识了那个时期的诗人陆龟蒙。陆龟蒙是姑苏人,自幼聪明伶俐,曾经考过进士但没有考中,但他做过湖、苏二州的从事,因不满时世后隐居松江莆里,且不受征召。

    释尚颜在陆龟蒙不在的时候非常怀念这位棋友,并作过一首诗,诗中有两句为:“事厄伤心否,棋逢对手无?”表达对棋友的同情和思念。

    声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
    ipad mini2怎么看小说 关于ipadmini的几点疑惑 苹果平板图书阅读软件推荐推荐一个苹果可以用的免费看小说app 风冷无霜为什么噪音大 华为matepad11多大尺寸的 applewatch可以发微信语音吗? 人类基因组组成 仅从染色体照片(黑白非显带的)能否区别X染色体和C组染色体? ...车子加速不上来是什么原因,节气门清洗过了也不行? 换了变数箱油洗了节气门 提速慢了 停下来起步根本没力气 龙腾世纪3:审判 翡翠墓地里面的毛维尔山庄副本最后的那个密室怎么开 三块符文钥匙碎片我都已经找到 急! 棋逢对手,将遇良才 下一句是什么? 棋逢对手将遇良才是什么意思 蛋疼是因为什么? 蛋疼是什么意思,我蛋疼吗? 蛋痛为什么啊! 甲乙双方签合同书,请问甲方该如何写合同书 双方签订合同书的合同什么时候成立? 我老婆以前跟别人有过一腿现在他们还有时聊微信我该怎么办? 三星fold2 合上屏幕 外屏自动z熄灭屏 三星fold2屏幕放不到180度换中框 双方协议书盖什么章 双方私了协议书怎么写? fold2内屏黑了怎么修 三星fold2内屏不亮触摸好使 三星fold2屏幕失灵怎么修 老婆跟别人玩暧昧,这时候该怎么办? fold2支付宝碎屏险 fold2内屏中间有划痕会坏吗 高中数学(初等函数) 熟语:棋逢对手下一句是什么? 羞辱的《欢愉的酒店》里面的符文还有两个钥匙怎么得到?求大神讲解、、 宝贝拉肚子吃,婴儿建啤散和头孢拉定干悬剂。管用吗? “棋逢对手”的下一句是什么? 棋逢对手,将遇良才这句话是什么意思? 雪花啤酒散啤批发的多钱一桶?量大的话优惠多少,有批发的来个信 将与良才下一句是什么? 超越极限符文激活方法 八宝惊风散可以和婴儿健啤散混在一起吃吗? 棋逢对手下一句 王翦与李牧是“棋逢对手,将遇良才”吗?事实证明他比李牧强在哪呢? 卖青岛扎啤散啤哪里送货啊 达拉然掉的开启符文在哪用啊? 历史上有哪些棋逢对手,将遇良才的的例子? 棋逢对手歇后语下一句是什么 青岛啤酒散装原浆啤酒的保质期。。。 既生瑜,何生亮,有哪些生死冤家,棋逢对手将遇良才? 耻辱第四章刺杀泊伊尔夫人 地下室那个符文怎么拿 没找到钥匙 哈尔滨啤酒散装的有没有带奖的和不带奖的? 将遇良才的意思是什么