好久不来写东西了,最近太忙,给自己搞的很累,对自己选择的道路有些不自信了.
决定干够半年后,大概四月中旬,会离职休息两三个月,去几个喜欢的地方看看,锻炼打球减肥,再把最近想要做过的项目整理一下,编写一些自己的插件和库,把之前积累的一些书过一下.
对前端的热爱没有丝毫改变,只是繁重的工作搞得我身心俱疲,今天得空,整理一些看到,觉得有用的东西,放在这里,后续会有更新.
1.基于CSS3的WEBAPP横向滑动模式演化
http://ued.ctrip.com/blog/?p=3697
-webkit-transform: translate3d(0,0,0); //激活GPU 3D加速
快速: 300ms;
慢速: 400ms + 100ms;
滑动曲线: cubic-bezier(0.42, 0, 0.58, 1.0); --- 这条曲线的滑动形态最接近IOS APP页面的滑动
.slideSlow { -webkit-transition: -webkit-transform 400ms cubic-bezier(0.42, 0, 0.58, 1.0) 0.1s; } .slideFast { -webkit-transition: -webkit-transform 300ms cubic-bezier(0.42, 0, 0.58, 1.0); } .slideSlowBack { -webkit-transition: -webkit-transform 400ms cubic-bezier(0.42, 0, 0.58, 1.0); } .slideFastBack { -webkit-transition: -webkit-transform 300ms cubic-bezier(0.42, 0, 0.58, 1.0) 0.1s; }
文章用到的JS框架工具有：zeptojs（移动端基础框架库），iscroll（纵向平滑滑动工具）,fastclick（快速点击事件）,backbone（MVC架构）
2. zepto swipe* 事件失效
在一个技术群围观时瞅到的,有时zepto的swpie一些事件会在android机器下失效,有高人放出一个解决方案,虽说我自己还没遇到过,但还是保存下来以备不时之需.
https://github.com/madrobby/zepto/issues/315#issuecomment-8386027