zoukankan      html  css  js  c++  java
  • 一些移动端开发的细节记录

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

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

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

    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

  • 相关阅读:
    春季学期第十二周作业
    2019春第三次课程设计实验报告
    春季学期第十一周作业
    春季学期第十周作业
    春季学期第九周作业
    第五周总结 & 实验报告(三)
    第四周总结 & 实验报告(二)
    实验报告(一)&第三周总结
    第二周小结
    2019春总结
  • 原文地址:https://www.cnblogs.com/ccforeverd/p/4323252.html
Copyright © 2011-2022 走看看