移动web开发经验分享

1.动画

移动开发中不要使用Javascript来作动画,特别像jQuery的动画,在不得已的情况下才能用。否则应该使用 CSS3中的 Transtion 或者 Animation 来实现动画

2.适配

在适配方面,使用CSS3的 transform : scale()进行页面的而不要自己去单个适配分辨率。

使用transform进行缩放的元素,需要包含在一个绝对定位的无素内部,而我们只需要对这个无素应用transform scale就可以将包含在内的全部元素进行缩放

缩放比如算法参考:

3.整屏滑动

整屏滑动自己来写,效率与时间感觉都不允许。推荐插件:http://www.idangero.us/sliders/swiper/

提供一个下载地址:Swiper-master 上传时间: 2014/09/29

4.关于像切西瓜,那类的手指滑动触碰类,推荐插件:http://wipetouch.codeplex.com/

这种手指在屏幕上是快划,就像切西瓜一样的,可以用示例感受一些。下载地址:WipeTouch

5.CSS3相关

在做a标签链接时,在active状态,会有一个难看的背景,并且每个手机还不一样;

在CSS3中,背景是可以用RGBA来进行表示,跟Photoshop里的 RGBA一个意思,

就目前的手机来说,在ios上做动画基本上没什么问题,但对安卓的机器一般的都会显得不流畅。在测试时,使用 iphone4 与红米 Note来做测试。在iphone 4上流畅的动画,但在红米上极卡。不过用CSS3确实比用Javascrip实现的要好很多。虽然在安卓上还是会卡,但尽可能的使用CSS3保持大多数手机流畅吧。

6.安全相关

目前来说,在手机端最好不做自动跳转,一些手机的安全策略不允许自动跳的存在。如果非要跳转做在服务端吧!服务端也不行的话,建议引导用户点击跳转。

微信开发之分享标题、内容、图片设置

分享图片一定要注意了,若分享到朋友圈的时候,文字正常但左边的图片显示是一张默认的图片,不要怀疑是不是这段代码错了,换张图片试一下。这里的换图片不是换一张图片,而是要换一个web服务器试一下。

之前在开发过程中发现,有一台web服务器死活不行,换一台web服务器顺利显示。