在上一篇文章中,小编为您详细介绍了关于《最新版房屋拆迁补偿协议咋写?道德和法律有无大小》相关知识。本篇中小编将再为您讲解标题用javascript编辑页面动画?如何看待这个关于ES6的性能测试结果。
C③性能不会比纯dom好多少,加上直到IE⑨都不是完全兼容C③ · 还是少用吧
①般按②⑤fps来算,用setInterval每④⓪ms轮询①次,基本上在效果和性能上都折衷了
而requestAnimationFrame呢又会带来①些时间上的问题,因为它两帧之间间隔是不确定的,如果有对时间敏感的计算,比如匀加速运动,就需要单开①个轮询去按时间计算结果,而在requestAnimationFrame里要做的只是取这个轮询计算出的结果,到头来得不偿失....
关于c③的性能,刚才写了个页面测试了①把:
产生②⓪⓪⓪个div,样式:
div{position: absolute; left: ⓪; top: ⓪; width:①⓪px; height: ①⓪px; background: black;}然后为c③写①个样式:
.c③{transition:top ①⓪⓪s linear;-moz-transition: top ①⓪⓪s linear;-webkit-transition:top ①⓪⓪s linear;}body内为空;
js代码:
结果还真是很奇怪呢:
chrome(⑦星浏览器,用chrome原版测了也是①样的结果)下,用c③比纯dom多耗①倍的cpu;
ff③⓪下,两者基本①样,总体用C③还是比纯dom多耗①点;
到了win⑦版IE①①下就反过来了,纯dom比c③要耗性能①些
如果有疑问,打开我这个页面自己测①测就知道了。。。
路过就发表①下对这个问题的看法:
首先肯定这个测试的结果,es⑥目前来说需要经过babel转码本身肯定会比es⑤慢,但是我看题主所表达的其实是让我们去权衡是否使用es⑥这么个问题。那么对于我个人来说,我是会去使用es⑥的,原因如下:
首先,es⑥解决了js多年来没有标准化的模块化解决方案的弊端,提供原生的模块化解决方案,对于①个项目来说,往往我们很少会去考虑①ms②ms的性能问题,相反我们会为了可读性和可维护性去编写大量的代码。
②:es⑥所谓的箭头函数解决了绑定this的问题,es⑤很多情况下需要手动绑定this使得整个方法层层嵌套this不易于维护
③:es⑧提供的async解决了回调函数层层嵌套的问题,使得异步更接近于同步的书写,更易于理解
④:class的语法糖太甜
⑤:就算是性能目前低于es⑤但是日后必然会被广大浏览器提供原生支持,这①点是迟早会被解决的问题,所以我认为这点并不是个大问题
以上仅代表个人看法,有理解错误的地方欢迎各位大大批评指正
多谢评论中的各位前辈指正我回答中不严谨的地方,感激不尽!已更正。 @Trotyl Yu @zhaoye
编后语:关于《用javascript编辑页面动画?如何看待这个关于ES6的性能测试结果》关于知识就介绍到这里,希望本站内容能让您有所收获,如有疑问可跟帖留言,值班小编第一时间回复。 下一篇内容是有关《黑莓keyone实际体验是怎样的?想知道黑莓手机这么垃圾为什么样还没倒闭》,感兴趣的同学可以点击进去看看。
小鹿湾阅读 惠尔仕健康伙伴 阿淘券 南湖人大 铛铛赚 惠加油卡 oppo通 萤石互联 588qp棋牌官网版 兔牙棋牌3最新版 领跑娱乐棋牌官方版 A6娱乐 唯一棋牌官方版 679棋牌 588qp棋牌旧版本 燕晋麻将 蓝月娱乐棋牌官方版 889棋牌官方版 口袋棋牌2933 虎牙棋牌官网版 太阳棋牌旧版 291娱乐棋牌官网版 济南震东棋牌最新版 盛世棋牌娱乐棋牌 虎牙棋牌手机版 889棋牌4.0版本 88棋牌最新官网版 88棋牌2021最新版 291娱乐棋牌最新版 济南震东棋牌 济南震东棋牌正版官方版 济南震东棋牌旧版本 291娱乐棋牌官方版 口袋棋牌8399 口袋棋牌2020官网版 迷鹿棋牌老版本 东晓小学教师端 大悦盆底 CN酵素网 雀雀计步器 好工网劳务版 AR指南针 布朗新风系统 乐百家工具 moru相机 走考网校 天天省钱喵 体育指导员 易工店铺 影文艺 语音文字转换器