围观 > 评审视频
推荐视频
校跑跑 订单和支付模块前端页面评审 04-15(第5期)
如何实现tab切换效果
2,297人观看 0 0

评审内容

本期评审视频主要围绕订单和支付模块讲解了tab栏切换效果以及CSS的书写顺序


优点

1.CSS书写顺序规范

2.Tab栏切换的实现

缺点

1.CSS样式没有简写

建议

1.正确的样式顺序不仅易于查看也易于浏览器渲染

2.CSS简写也属于css样式优化的一种方式

评论
大V点评
最新评论
评论
V

格林

项目导师
校招VIP高级前端经理

遵循浏览器渲染顺序,减少浏览器reflow(回流),提升浏览器渲染dom的性能。比如说定位属性的修改会导致reflow,改变文字颜色、背景等会使得浏览器repaint,都会影响浏览器渲染性能。所以说css书写顺序是很重要的

发表于 2019-06-06 18:49
0
良辰

学到了学到了

发表于 2020-08-28 10:56
0
改造家

tab栏,我学会了哈哈哈

发表于 2019-06-06 18:52
0
冬季恋歌

写了这么一些时间的CSS,有时候觉得有些混乱,尤其是做样式修改的时候。后来觉得遵循一些书写规范和顺序来的话,一来会让自己的思路很清晰,二来修改的时候很明确,不容易被冗余的样式影响。

发表于 2019-06-06 18:47
0