移动端HTML5
分享移动端HTML5应用的学习资料和遇到的问题的解决方法及一些相关的编程技巧。
Mr_Smile2014
加油↖(^ω^)↗,smile....
展开
-
使用spring+html5实现安全传输随机数字密码键盘
随着互联网的飞跃式发展,移动支付已经越来越受欢迎并且已成为常态,很多三方公司推出了很多支付方式,比如快捷支付、认证支付、扫码支付等等。快捷支付和认证支付可以分为移动app控件和移动HTML5网页。在用户第一次使用快捷支付和认证支付进行支付的时候,需要先绑定银行卡在绑定银行卡的过程,需要对银行卡信息的验证,不同的银行、不同的银行卡验证的要素不一样,有些需要验证四要素,有的需要验证八要素。对于需要要验证银行卡的交易密码,那么怎样保证交易密码的安全不被别人所窃取呢?所以出现了安全传输随机数字密码键盘。原创 2016-09-08 17:26:57 · 6178 阅读 · 5 评论 -
android支付宝客户端html5网页偶尔无法自动关闭问题
公司产品使用支付宝移动网页接口支付,当三方商户传入跳转地址,在支付宝页面支付成功后跳转到该地址,如果没传将会自动关闭页面。测试的时候在ios客户端上面可以,但是在android客户端上偶尔行偶尔不行。原创 2016-09-05 11:19:48 · 3784 阅读 · 1 评论 -
百度钱包ios移动端html5网页无法自动关闭问题
我们公司最近在做百度钱包的移动网页支付的一款产品,产品使用场景是当用户通过百度钱包扫描我们的产品的二维码,进入我们的产品中,然后用户选择商品并点击购买,然后在我们系统后台生成订单并提交信息到百度钱包进行支付,当支付完成后我们系统页面会自动的关闭。这个功能在android手机上面可以,但是在ios上面无法关闭。原创 2016-08-24 11:05:41 · 2412 阅读 · 1 评论 -
spring mvc +HTML5实现移动端底部上滑异步加载更多内容分页效果
由于手机的携带的方便性和手机的越来越智能和移动网速越来越快,手机已经充斥着人们的生活。随着手机的流行,移动应用也快速的火了起来比如微商城、手机网页、移动APP等等。既然移动应用这么火,我们今天来讲一下怎样实现在移动网页中动态加载数据,那么我们怎么实现呢,是像pc网页那样,有个上一页和下一页还是其它的方式。其实像pc网页那样上一页和下一页肯定不行的,手机屏幕很小,不好点击同时用户体验很差,今天来给大家介绍使用spring mvc +HTML5实现移动端底部上滑异步加载更多内容分页效果的方式。原创 2016-08-10 16:06:10 · 12594 阅读 · 7 评论 -
百度糯米app中关闭网页或窗口的方法,99%的人都不知道,网上也找不到
前端时间我们公司做了一款使用百度钱包的移动网页支付进行支付的产品,用户通过百度钱包、百度糯米扫描我们产品的二维码,选择商品,点击支付将会自动调用百度钱包进行支付,支付成功后返回成功页面,在我们的成功页面有关闭网页按钮,点击关闭按钮或者返回按钮将会关闭页面原创 2016-08-04 10:23:39 · 3796 阅读 · 1 评论 -
在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口
最近在使用微信、支付宝、百度钱包实现网页支付,对支付成功将自动关闭页面,对于支付失败,将显示错误信息。当在错误页面的时候,点击返回或者Android物理按键上一步的时候,将关闭页面。在微信、支付宝、百度钱包中,他们对页面关闭进行了封装,传统的window.close()是无效的,必须要使用它们的js代码才能关闭。下面是三种移动app的关闭方式:WeixinJSBri原创 2016-07-29 15:41:43 · 9091 阅读 · 4 评论 -
很多人都不知道的监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法
在实际的应用中,我们常常需要实现在移动app和浏览器中点击返回、后退、上一页等按钮实现自己的关闭页面、调整到指定页面或执行一些其它操作的需求,那在代码中怎样监听当点击微信、支付宝、百度糯米、百度钱包等app的返回按钮或者浏览器的上一页或后退按钮的事件呢。我相信很多朋友像我一样,在百度、搜狗里面搜索很久都没找到方法。下面就来告诉大家怎样监听的方法:首先我们要了解浏览器的h原创 2016-07-29 14:34:48 · 57017 阅读 · 37 评论 -
在移动HTML5页面input类型采用number无法控制长度,以及右边显示难看的加减按钮
场景:这是之前做的移动web控件时遇到的问题。当时在我们控件的html5页面需要输入卡号、CV2、手机号、验证码等信息。大家都知道这些值都是数字。普通类型的输入框,当我们点击时,手机默认掉起的键盘中只有字母和符号,而我们这里只需要输入数字,我们只有切换一下才是数字键盘。后来我们采用了number类型的输入框,虽然能吊起手机的数字键盘,但是在有些手机上面会显示增加和减少按钮,同时有的手机原创 2015-08-02 20:40:01 · 13859 阅读 · 4 评论 -
使用spring mvc+localResizeIMG实现HTML5端图片压缩上传
最近在做一个移动端HTML5的应用,使用到了上传功能,起初使用传统的上传方式上传手机拍照的照片,由于手机拍照出来的照片一般都是好几MB,所以上传速度是非常慢的。在网上找了很久找到了localResizeIMG压缩框架,感觉非常的实用,所以在此分享给大家。 第一步:下载localResizeIMGlocalResizeIMG放在github中的,地址是:https://g原创 2016-06-17 17:48:16 · 11239 阅读 · 5 评论 -
移动端HTML5页面端去掉input输入框的白色背景和边框(兼容Android和ios)
前两天在开发在微信访问的HTML5页面,里面有个订单查询要选择时间,刚开始使用的输入框,没加任何的样式,效果是白色的背景再加上边框很丑,完全与整个背景不协调。刚开始设置了输入框背景色透明(background-color:transparent;),在ios上面背景色和边框都没有了,但是在andriod上边框和背景色还是存在。后来加上样式FILTER: alpha(opacity=原创 2016-06-26 10:49:54 · 29745 阅读 · 8 评论