HTML 5 模仿微信摇一摇的实现和遇到问题

说实话,这次开发中遇到的问题实在是不是什么问题,只是由于自己太粗心造成的,现在就记录下来。提醒自己时刻注意。

 

——————言归正传——————

讲真,这个程序已经烂大街了,随便找个网站就能一找一大堆,但是为啥我就出错了,因为我粗心呗。

 

项目介绍:这是北京西单商场做的85周年的一个店庆活动,找到了俺们公司(ps俺们公司是做流量充值的,隐去名字避免广告嫌疑),项目十分紧啊 ,说起来就来气。明天就上线了,美工TM今天才把图给我啊,提起一天给我也就算了,都下班了,你才给我是几个意思啊,这是逼我加班啊,好吧,加班就加班吧,无所谓谁让我是唯一的前端呢。

这点事情还是比较简单的吧,就是比较费时间而已,做做。一个多小时也就完事了,

PHP工程师辛苦一晚上把功能加上去了,总算是能交工了,但是你以为这就结束了了吗,NONONO,并没有,这个事实开始。

事情是这样的,摇一摇客户要求的是 先输入手机号,点击开摇,然后才能摇动手机,领取流量。当然我也是这么做的,首先一个遮罩层,在遮罩层上面有个输入框,和一个按钮,大概是这样婶儿的(下图),正则验证完成之后才能摇一摇。

shuru

妈个鸡的,问题就出来这啊,IOS客户端出了问题啊,出现你妹的“撤销”啊,人家android都没问题啊,靠恨死IOS了,没办法改吧,老子一行一行的用了一下午的时候重写了一个摇一摇有木有,但是还是没有能解决啊。(fy在崩溃中~~~)

问题还是没有能解决啊,项目经理就在后面跟着,语言攻击啊,(这个很简单啊、这都烂大街了,别人家都没有,为啥你的有啊,BALA BALA BALA BALA)老子很想发飙啊。F**k,

在求助无门的情况下,想起了,微信有个摇一摇撤销的功能,马丹的我恍然大悟啊,就是因为这个啊。

chexiao

TMD 就是因为这个啊,然后我就开始改了,由于同一个页面有输入框导致的页面摇动的时候出现“撤销”的问题,我查看了,别家的公司所得东西,之所以没有出现要摇动的时候弹出撤销的问题,是因为他们的页面出现了一次跳转,第一个页面输入手机号,点击开摇的时候跳转到另一个页面,然后摇动的时候就不会触发“撤销”事件了。就是这样的问题。

由于自己的疏忽,造成了问题,导致我改了一下午都没有查出结果。。。

一声叹息。。

yaoyyao

(这是开摇的界面)

gongxi

(这是摇到的结果,当然不是1M,2M的送,肯定是10M,20M的送)

 

 

链接地点稍后放出   ###链接###