zoukankan
html css js c++ java
CSS中定位和TRANSFORM的比较(day02)
POSITION
CSS中我们想要改变一个元素的位置,我们可以采用的方法之一就是定位,这也是我们最先接触的方法。其主要用法就是给需要移动的元素的父元素或以上添加 position:relative; 再给自身添加 position:absolute; 然后通过改变方位(top,left,right,bottom)来实现元素的移动。
TRANSFORM
CSS3中提供了transform属性,其中的translateX和translateY值可以实现元素的横向与纵向移动。
区别和选择
经过测试。TRANSFORM性能消耗只有position的十分之一!可想而知,CSS3推出新的transform属性也是加快了浏览器的运行速度。
总结
总的来说,当我们能用transform实现预想的效果就不要去使用position了,一个小小的demo就能达到10倍的差距,可想而知在大型项目中差距会更加明显。
使用transform会比top少一个layout延时
transform的Composite Layers经多次测试 延时普遍会大于top
查看全文
相关阅读:
JMeter学习-图形化 HTML 报表概要说明
转《Python爬虫学习系列教程》学习笔记
PYTHON __main__
python property
loadrunner脚本,如何获取lr的变量以及lr变量和其他程序语言的变量的转换
参考链接
彻底抛弃脚本录制,LR脚本之使用web_custom_request函数自定义http请求
如何看Analysis分析图
Ubuntu16.04安装QQ2015
Ubuntu16.04运行LSD-SLAM踩坑笔记
原文地址:https://www.cnblogs.com/jackson1/p/13285557.html
最新文章
郑剑波第一周任务
靳程旭第一周任务
刘迪第一周任务
李翼宏第一周任务
秦旭光第一周任务
谭高居第一周任务
第八周作业
第七周作业
struts转spring流程
mvn指令中设置jdk版本
热门文章
deepin下载软件慢切换镜像
关于邮件中html数字显示为号码格式的问题
markdown常用指令使用
new file()与getclassloader().getresourceasstream(name)如何获取文件
知识树初步布局
需求说明书
面向对象的DFD
第五组 立项说明书
【转载】Jmeter关联-正则表达式提取器
JMeter-响应断言设置
Copyright © 2011-2022 走看看