一些移动端开发的细节记录
好久不來寫東西了,最近太忙,給自己搞的很累,對自己選擇的道路有些不自信了.
決定干夠半年后,大概四月中旬,會離職休息兩三個月,去幾個喜歡的地方看看,鍛煉打球減肥,再把最近想要做過的項目整理一下,編寫一些自己的插件和庫,把之前積累的一些書過一下.
對前端的熱愛沒有絲毫改變,只是繁重的工作搞得我身心俱疲,今天得空,整理一些看到,覺得有用的東西,放在這里,后續會有更新.
?
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
?
轉載于:https://www.cnblogs.com/ccforeverd/p/4323252.html
總結
以上是生活随笔為你收集整理的一些移动端开发的细节记录的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Objective-C中的self和su
- 下一篇: [转]svn常用命令