移动开发的小tip

  最近做的是微信的二次开发,因为是第一次做所以有很多东西要记下来,免得下次在做移动端的时候再经历那么多的坑。

  移动端的动画不要使用jq写,jq mobile好像也是不行。

  我们的项目最后是使用的css3的动画做成的,(animated.css)。用zepto好像也是一个不错的选择。

  移动页面点击时候会有300ms延迟(历史原因),解决的办法有很多。可能使用zepto或者禁止缩放是比较省事的办法。

  在移动端的输入框也有点技巧:可以在输入的时候有更好的用户体验,给input的type添加:tel;或者更好的

    纯数字键盘:<inpuut type=‘text‘ pattern="[0-9]*"/>

           输入字母大小写:autocapitalize=‘off‘ 关闭自动大小写

   autocorrect=‘on‘       自动纠错开启和关闭

  再看资料的时候,滚动可能还有的坑和解决方案

      全剧滚动:滚动条在body节点或者更高层。

      局部滚动:滚动条在body下的某个dom节点。

弹性滚动效果:

ios下的效果:全剧滚动默认支持弹性滚动。

局部滚动需要在dom节点上添加{overflow:auto}或者在body上添加{-webkit-overflow-scrolling:touch;}

建议直接放在body上可以避免小bug。

安卓:原生不支持弹性滚动。

ios:  局部滚动:微信页面会有出界情况。(顶部或者底部会出现出界的情况,),局部滚动会更加难看。

局部滚动解决方案(scrollFix)

if (startTopScroll<=0) {

elem.scrollTop=1;

}

if (startTopScroll+elem.offsetHeight>=elem.scrollHeight) {

elem.scrollTop=elem.scrollHeight-elem.offsetHeight-1;

}

全剧滚动目前没有好的解决办法,只能把全剧滚动改成局部滚动。

安卓:尽量不要用局部滚动,局部滚动有bug。

  

时间: 2024-11-07 22:22:01

移动开发的小tip的相关文章

webstorm开发微信小程序代码提醒(webstorm开发工具)

使用了微信提供的开发工具是真心难用,卡顿厉害.中英文切写注释换相当不爽.还没办法多开窗口,相信大家也遇到过这种现象. 下边我们介绍下webstorm来开发微信小程序的一些配置: 1.首先FileType下Cascading Style Sheet 添加*.wxss 1.png 2.FileType下HTML 添加*.wxml 2.png 3.将其中的wecharCode.jar下载下来,然后在webStorm 的 File -> import settings 中导入即可 3.png 配置已经完

模型驱动开发的小尝试有所收获,一起分享

现在互联网上太多这样所谓的快速开发平台,但怎么个快速法?什么样原理?普通开发者如何使用? 都太笼统了,大多我最后也弄不明白,没那么执着.我只能来讲讲自己的这个基于模型驱动开发的小程序. 正所谓无图无真相,我敢紧截了一个图上来.下图是很常见的组织.用户.角色.权限的管理界面.这界面里一共有六张数据库表,在这里可以对六张表进行增.删.改.查.在各种操作表单中有文本框,单选,选择,树型单选.多选,列表单选,多选.这些功能你需要多少时间来实现呢?再加上测试.BUG修复增加不少工作量吧? 以上所说还仅仅是

【iOS开发每日小笔记(十)】自制带圆框的头像 利用在CALayer设置“寄宿图”

这篇文章是我的[iOS开发每日小笔记]系列中的一片,记录的是今天在开发工作中遇到的,可以用很短的文章或很小的demo演示解释出来的小心得小技巧.它们可能会给用户体验.代码效率得到一些提升,或是之前自己没有接触过的技术,很开心的学到了,放在这里得瑟一下.90%的作用是帮助自己回顾.记忆.复习. 在上一篇文章中,我详细地回顾.复习了Core Graphics框架中利用Quartz 2D来绘制各种各样的图形,其实这些绘图就是绘制到了UIView的CALayer层上.这次,受到另一篇博文(http://

【iOS开发每日小笔记(九)】在子线程中使用runloop,正确操作NSTimer计时的注意点 三种可选方法

这篇文章是我的[iOS开发每日小笔记]系列中的一片,记录的是今天在开发工作中遇到的,可以用很短的文章或很小的demo演示解释出来的小心得小技巧.它们可能会给用户体验.代码效率得到一些提升,或是之前自己没有接触过的技术,很开心的学到了,放在这里得瑟一下.其实,90%的作用是帮助自己回顾.记忆.复习. 一直想写一篇关于runloop学习有所得的文章,总是没有很好的例子.正巧自己的上线App Store的小游戏<跑酷好基友>(https://itunes.apple.com/us/app/pao-k

【iOS开发每日小笔记(五)】实测copy到底是个神马玩意

这篇文章是我的[iOS开发每日小笔记]系列中的一片,记录的是今天在开发工作中遇到的,可以用很短的文章或很小的demo演示解释出来的小心得小技巧.该分类的文章,内容涉及的知识点可能是很简单的.或是用很短代码片段就能实现的,但在我看来它们可能会给用户体验.代码效率得到一些提升,或是之前自己没有接触过的技术,很开心的学到了,放在这里得瑟一下.其实,90%的作用是帮助自己回顾.记忆.复习.如果看官觉得太easy,太碎片,则可以有两个选择:1,移步[iOS探究]分类,对那里的文章进行斧正:2,在本文的评论

C# 开发2048小游戏

这应该是几个月前,闲的手痒,敲了一上午代码搞出来的,随之就把它丢弃了,当时让别人玩过,提过几条更改建议,但是时至今日,我也没有进行过优化和更改(本人只会作案,不会收场,嘎嘎),下面的建议要给代码爱好的童鞋完成了. 更改建议: a.当数字超过四位数时,显示的时候有部分被它的容器TextBox遮挡了,能不能把显示的数值变小点?答案是可以的.代码里有一段通过矩阵数据填充TextBox值的操作,可以在填充时,判断下数值长度,然后修改TextBox的文字大小. b.玩游戏的时候,使用方向键移动时,焦点可能

【iOS开发每日小笔记(十二)】仿Facebook登录界面 错误提示抖动 利用CAAnimation设置动画效果

这篇文章是我的[iOS开发每日小笔记]系列中的一片,记录的是今天在开发工作中遇到的,可以用很短的文章或很小的demo演示解释出来的小心得小技巧.它们可能会给用户体验.代码效率得到一些提升,或是之前自己没有接触过的技术,很开心的学到了,放在这里得瑟一下.90%的作用是帮助自己回顾.记忆.复习. 原本以为国庆假期可以有时间看看书,写写博客.实际上大部分时间都被赶场参加婚礼和到处去亲戚家串门吃饭所占用.眼看明天还剩最后一天时间,今天赶紧来更新一篇,也算是没有完全荒废这7天长假吧! Facebook的客

【iOS开发每日小笔记(十一)】iOS8更新留下的“坑” NSAttributedString设置下划线 NSUnderlineStyleAttributeName 属性必须为NSNumber

这篇文章是我的[iOS开发每日小笔记]系列中的一片,记录的是今天在开发工作中遇到的,可以用很短的文章或很小的demo演示解释出来的小心得小技巧.它们可能会给用户体验.代码效率得到一些提升,或是之前自己没有接触过的技术,很开心的学到了,放在这里得瑟一下.90%的作用是帮助自己回顾.记忆.复习. 测试组的小伙伴们大显神威,iOS8刚发布,他们就把测试设备急速升级了,然后就是扑面而来的各种bug和他们各种幸灾乐祸的笑.没办法,老老实实修复bug! 来看看今天我遇到的一个问题: 项目中,我将一个简化的H

【iOS开发每日小笔记(四)】iOS 7中如何除去UIAlertView 规避delegate对象销毁后接收消息的crash

这篇文章是我的[iOS开发每日小笔记]系列中的一片,记录的是今天在开发工作中遇到的,可以用很短的文章或很小的demo演示解释出来的小心得小技巧.该分类的文章,内容涉及的知识点可能是很简单的.或是用很短代码片段就能实现的,但在我看来它们可能会给用户体验.代码效率得到一些提升,或是之前自己没有接触过的技术,很开心的学到了,放在这里得瑟一下.其实,90%的作用是帮助自己回顾.记忆.复习.如果看官觉得太easy,太碎片,则可以有两个选择:1,移步[iOS探究]分类,对那里的文章进行斧正:2,在本文的评论