关于滑动组件的一点感想

实习第一天的时候,老大就跟我说:”你以后就负责写js吧。“

所以我一直以js为本位,真正接触css和样式的机会其实不是很多。更多时候是自己下班后练习。

以前写一些滑动功能,只是很单纯的想到什么办法就用什么办法。图片滑动组件,写过两次,一次是动态改变容器margin-left的值实现滑动的视觉效果,一次是用position:relative加transition实现视觉效果。不过方法确实粗糙。

今天在网上看到一个用-webkit-transform:translate3d(deltaX,0,0)来实现滑动组件的点子,还说position:absolute也行,觉得确实不错。有很多知识虽然已经学习了,但是真正实践的毕竟不多,更重要的是在实践中是否有足够的思考。说实话,IT这块,发展到今天,大部分时候我们开发无外乎是熟悉api、调用api解决问题,毕竟我们处理的是逻辑,api只是搭建逻辑的砖块。

哎,真的要花更多时间在刀刃上才行,时间精力的付出不能本末倒置。

*transform:translate3d主要是可以开启gpu加速,提高了渲染的性能,在外网的很多帖子的中是很普遍的推荐。

posted @ 2017-08-25 22:27  瓶子2333  阅读(170)  评论(0编辑  收藏  举报