web编程技巧与常见问题
用于分享使用html+CSS布局、js及相关js框架在开发WEB类项目时常用的编程技巧和常见问题的分析和解决办法。
Mr_Smile2014
加油↖(^ω^)↗,smile....
展开
-
使用zxing批量生成二维码立牌
使用zxing批量在做好的立牌背景图的指定位置上,把指定的文本内容(链接地址、文本等)生成二维码并放在该位置,最后加上立牌编号。原创 2016-12-14 16:36:41 · 5285 阅读 · 14 评论 -
在spring mvc项目中实现登录账号单浏览器登录
在很多web产品中都需要实现在同一时刻,只能允许一个账号同时只能在一个浏览器当中登录。通俗点讲就是当A账号在浏览器1当中登录了,此时在浏览器2中登录A账号。那么在浏览器1中的A账号将会被挤出去,当用户操作浏览器1的页面,页面会跳到登录页面,需要重新登录。那么我们怎么实现这样的功能呢?原创 2016-08-22 16:10:24 · 10835 阅读 · 9 评论 -
小小的session配置,说不定会影响你的web项目性能
以前公司做了一个web项目。发布以后,随着访问量的逐渐增大,发现JVM的内存使用比较多,full gc比较频繁,而且full gc后old区的大小变化不大。刚开始以为是JVM虚拟机的各项参数配置的不合理,我们就对JVM虚拟机的参数进行调整,调整后发现GC还是非常的频繁。funll GC频繁非常影响性能,我们把jvm的heapdump( Java 堆栈的快照)文件导出来,采用IBM HeapAnalyzer 的分析工具进行分析。经过分析发现堆中存在很多session对象。这些session对象占用空间原创 2016-08-17 11:31:11 · 2503 阅读 · 0 评论 -
工作中比较实用的js验证和数据处理的干货
在开发web项目的时候,难免遇到各种对网页数据的处理,比如对用户在表单中输入的电话号码、邮箱、金额、身份证号、密码长度和复杂程度等等的验证,以及对后台返回数据的格式化比如金额,返回的值为null,还有对指定日期之前或之后某一天或某一月的计算。遇到需要对数据及表单验证的,我相信大家都像我一样,喜欢在网上找相关的方法,因为自己写的话,是比较耗时的。今天就给大家分享一下,自己在工作中总结的一些常原创 2016-08-01 11:22:54 · 3363 阅读 · 4 评论 -
使用jquery.qrcode生成二维码及常见问题解决方案
一、jquery.qrcode.js介绍jquery.qrcode.js 是一个纯浏览器 生成 QRcode 的 jQuery 插件((可以从https://github.com/jeromeetienne/jquery-qrcode 获取)),它使用非常简单,生成的 QRcode 无需下载图片,并且不依赖第三方服务,插件压缩之后大小小于 4K。二、参数说明te原创 2016-06-29 12:21:41 · 48658 阅读 · 20 评论 -
移动端HTML5页面端去掉input输入框的白色背景和边框(兼容Android和ios)
前两天在开发在微信访问的HTML5页面,里面有个订单查询要选择时间,刚开始使用的输入框,没加任何的样式,效果是白色的背景再加上边框很丑,完全与整个背景不协调。刚开始设置了输入框背景色透明(background-color:transparent;),在ios上面背景色和边框都没有了,但是在andriod上边框和背景色还是存在。后来加上样式FILTER: alpha(opacity=原创 2016-06-26 10:49:54 · 29746 阅读 · 8 评论 -
使用spring mvc+localResizeIMG实现HTML5端图片压缩上传
最近在做一个移动端HTML5的应用,使用到了上传功能,起初使用传统的上传方式上传手机拍照的照片,由于手机拍照出来的照片一般都是好几MB,所以上传速度是非常慢的。在网上找了很久找到了localResizeIMG压缩框架,感觉非常的实用,所以在此分享给大家。 第一步:下载localResizeIMGlocalResizeIMG放在github中的,地址是:https://g原创 2016-06-17 17:48:16 · 11239 阅读 · 5 评论 -
解决部分浏览器ajax提交数据,数据已改变,却后台数据接收数据还是上一次值的问题
最近在工作中遇到了QQ浏览器ajax提交数据,表单数据改变,却后台数据接收数据还是上一次值的问题,但是在其它浏览器中是正常的。代码如下:$.ajax({ url : "/secretkey/uploadKey", async:false, type : 'post', data : { merKey : $('#merKey').val(), keyType :原创 2015-12-02 15:15:31 · 5000 阅读 · 3 评论 -
剖析js对浮点数运算精度问题
js对浮点数操作精度会出现什么问题呢?比如: 10-9.99 =?。按照常理10-9.99应该等于0.01,但是通过js操作后结果不是0.01而是0.0099999999999999...大家不信可以尝试一下。再比如0.7+0.1等于多少呢,按照常理应该等于0.8,而在js操作时,结果却是0.7999999999999999。那么我们该怎样解决这个问题呢?原创 2015-11-27 10:40:14 · 2955 阅读 · 6 评论 -
个人整理的web开发中常用的表单验证的正则表达式JS
1.在input框中只能输入金额,其实就是只能输入最多有两位小数的数字 一种在input输入框限制 元 第二种对于表单动态增加的方式,只能在js方法中验证。 var amount=$("#amount").val(); if (amount.search(/^\d*(?:\.\d{0,2})?$/)==-1) { alert("金额格式不对,最多有两位小数");原创 2015-11-19 11:17:49 · 3067 阅读 · 0 评论 -
解决在Safari、IE高版本中采用自定义选择文件按钮ajaxFileUpload不能上传问题
在web页面中常常使用文件上传功能,如果在页面中使用默认的文件输入框和选择按钮,那么样式看起来很丑,而且不同的浏览器中样式不一样。所以很多开发人员喜欢把文件类型的输入框采用display:none隐藏了,采用自定义的输入框和选择按钮,这样看起来与页面整体风格比较统一而且美观。但是如果采用ajaxFileUpload异步进行上传的话,在Safari、IE高版本中就会上传失败。那么问题改怎么解决呢原创 2015-11-16 17:56:07 · 4304 阅读 · 0 评论 -
HTTP常见状态码
200 - 服务器成功返回网页 404 - 请求的网页不存在 503 - 服务不可用 服务器目前无法使用(由于超载或停机维护)。 通常,这只是暂时状态原创 2015-07-14 18:41:14 · 1038 阅读 · 2 评论 -
在IE、fixfox、chrome等浏览器中ajax提交成功后,打开新标签页面被浏览器拦截问题
最近做了一个项目,在项目中涉及到先向后端发送ajax请求,根据ajax返回的结果来觉得是否跳转。刚开始我是这样做的。代码如下:提交的表单: 执行的js脚本:$.ajax({ type : 'post', url : "/pay/pay.do", data : { payChannel:payCha原创 2015-09-16 21:42:40 · 3372 阅读 · 1 评论 -
在移动HTML5页面input类型采用number无法控制长度,以及右边显示难看的加减按钮
场景:这是之前做的移动web控件时遇到的问题。当时在我们控件的html5页面需要输入卡号、CV2、手机号、验证码等信息。大家都知道这些值都是数字。普通类型的输入框,当我们点击时,手机默认掉起的键盘中只有字母和符号,而我们这里只需要输入数字,我们只有切换一下才是数字键盘。后来我们采用了number类型的输入框,虽然能吊起手机的数字键盘,但是在有些手机上面会显示增加和减少按钮,同时有的手机原创 2015-08-02 20:40:01 · 13859 阅读 · 4 评论