一些移动端开发的细节记录

好久不来写东西了,最近太忙,给自己搞的很累,对自己选择的道路有些不自信了.

决定干够半年后,大概四月中旬,会离职休息两三个月,去几个喜欢的地方看看,锻炼打球减肥,再把最近想要做过的项目整理一下,编写一些自己的插件和库,把之前积累的一些书过一下.

对前端的热爱没有丝毫改变,只是繁重的工作搞得我身心俱疲,今天得空,整理一些看到,觉得有用的东西,放在这里,后续会有更新.

 

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