移动web
文章平均质量分 50
浅曦忆
一个初出茅庐的程序媛,正在代码的路上奋斗
展开
-
Jquery validate插件自定义验证规则
作为一个有强迫症存在的人,最见不得就是不统一的格式,对不齐的代码。所以在对表单填写项进行validate插件验证时,有一些验证规则是根据实际需要个性化定制的。如果不扩展validate插件规则,就会导致验证提示的表现方式不同,这简直能逼死强迫症。所以我就查找了一下,validate插件果然也有能自定义验证规则的方法,简直是强迫症患者的救星。话不多说,我们来看看是如何自定义的吧。//该方法对提现金额进原创 2016-12-27 13:41:51 · 3076 阅读 · 0 评论 -
使用Ajax实现异步导出数据到excel
最近做项目的时候就遇到需要把用户分散在多个数据表中的数据整合到一起既可以在线查看,又能导出excel。对于这个需求,如果用户量小的情况下直接点击链接跳转请求服务器处理从数据表中取出数据生成excel再返回客户端进行打开下载操作即可。但是当用户非常多,数据非常大的时候服务器处理请求的所需要的时间就会越长,当超出客户端获取响应的等待时间就会返回“502 Bad GateWay”这样的超时反馈。这显然不是原创 2017-09-13 10:03:47 · 25753 阅读 · 1 评论 -
移动web顶部导航栏的制作小心得
之前一直涉及到的都是PC端的Web,现在要做微信公众号的时候,发现很多PC端的效果在手机上做起来是有一定的差别,要做很多兼容和调整的东西。现在来谈一谈这些天做顶部固定导航栏的小心得。因为博客貌似会解析文本中写的html代码,影响代码展示效果,所以为了方便,很多时候代码可能使用的是截图,给大家造成不便,聊表歉意。1.关于顶部固定导航栏效果图如下:实现代码如下:整体框架图如下图所示原创 2016-11-17 09:32:25 · 8672 阅读 · 0 评论 -
使用PullToRefresh实现下拉刷新和上拉加载
首先在页面头部加在插件的js文件:然后在js脚本中先初始化插件:(i:将要传到ajax中去后台取值的页码)然后写上自己的ajax去后台取值,在前台拼接显示即可:,在这里尤其要注意一点,wrapper.refresh();必须紧跟在取出的数据后边,不然,refresh刷新会加载数据失败,你在页面上看到的效果就是,你第一次刷新取到了数据但是页面没有变化,你再往上拉的时候又刷新了一次,然后才原创 2016-11-17 09:32:17 · 502 阅读 · 0 评论 -
jquery实现无刷新滚屏加载
第一个方法是判断页面是否滚动到了底部,若滚动到了底部则执行getData()方法获取新的数据。在getData()中用ajax传入页码,去后台中取数据。在这里,因为用的是YII框架,所以用的是Yii集成好的分页插件。所以大概分页代码如下显示:在页面初始化的时候是不经过ajax,而是通过正常程序读出第一页的数据,所以需要一个参数去区分。我在这里使用的是type(type=0页面初始化,正常取值,原创 2016-11-17 09:32:15 · 1329 阅读 · 0 评论 -
flexslider插件使用体会
最近网站需要在首页进行活动图片轮播,并在图片上添加链接。为此我在网上搜寻了一下flexslider插件的一些常用属性进行设置,但是在使用时出现了不大不小的问题如下代码所示:《li》《a》《img /》《/a》《/li》确实是可以轮播图片和实现点击图片进行链接跳转但是,图片比起正常的位置右移太多,并且左边图片进行平铺操作,看起来特别的不舒服。而若是将图片放在《li》中当背景图片则位置正原创 2016-11-17 09:32:12 · 2828 阅读 · 0 评论 -
限制input 输入框只能输入数字
原文地址:输入框只能输入数字">限制input 输入框只能输入数字作者:林然其一,只允许输入数字和小数点。"<input onKeypress="return(/[d.]/.test(String.fromCharCode(event.keyCode)))"style="ime-mode:Disabled">"其二,判断的更详细一些,甚至22..2这样不算数字也判断得出来func转载 2016-11-17 09:32:09 · 903 阅读 · 0 评论 -
通过a标签打开文件选择框实现文件上传
实现代码如下: 至此,我们可以让文件上传变得美观好看 直接上传代码,会出现问题,所以就上传图片了。原创 2016-11-17 09:32:04 · 13111 阅读 · 4 评论 -
浅谈项目中遇到的关于移动web的JS坑
因为项目需要,自己设计并构建了很多手机web的页面,现在就让我来吐槽一下其中遇到的坑,与君共勉。1.手机横竖屏检测事件```javaScriptwindow.addEventListener('orientationchange', function(event){if ( window.orientation == 180 || window.orientation==0 ) {原创 2017-04-18 11:43:20 · 742 阅读 · 0 评论 -
jquery实现ajax无刷新分页页码控件
这段时间在做公司项目的时候需要用到ajax进行分页(点击页码也是无刷新的显示上一页或下一页的内容,不是一般的选择跳转),但是在网上找了一下,大部分分页插件都是直接刷新跳转的,感觉和我的需求差距比较大,就自己动手写了一个可以实现自己需要的功能的js来实现这个控件,实现的效果如下: 因为业务需要,我需要在一个页面创建多个这样的页码控件(有些是在ajax中生成的),显然为每一个控件写一个专属的js是原创 2017-02-28 16:55:02 · 8874 阅读 · 3 评论 -
使用Jquery的cropper插件http报错500的解决小结
在使用jquery的cropper插件出现apache报错500我遇到的有两个原因: 1.我在form表单里面进行了嵌套,而form表单是不允许嵌套的,所以在提交表单的时候程序不知道那个跳转链接是它需要的,就会报错500.解决方法是把嵌套的form表单拿出来,变成并行就可以了。 2.在后台进行裁剪的时候,执行到语句:$type = exif_imagetype($file['tm原创 2016-12-27 10:22:42 · 1131 阅读 · 0 评论 -
Javascript中的JSON解析
在网站建设中,我们经常会用到ajax进行无刷新交互对页面进行数据的改变或展示,其中我们最常使用的交互数据类型是json。 今天,我在使用的时候就犯了一个json解析的错误。//json是后台传过来的json格式的数据var obj2=eval(json);//eval()方法对json数组进行解析成对象,然后通过对象-属性的方式获取其中的值alert(obj2.property);//发现al原创 2017-01-09 16:32:13 · 469 阅读 · 0 评论 -
iconfont用在placeholder里
阿里巴巴矢量图标库使用方法链接:https://www.zhihu.com/question/25952487/answer/71917554感谢作者大大的分享!!!图标的制作和上传可以参照官网给出的文档:Page 1图标的下载和使用官网上说的不是很清楚,简单介绍下:1.首先在Iconfont-阿里巴巴矢量图标库上面将你需要的图标点击购物车按钮加入“暂存架”2.选择完所有要用的图标后“原创 2016-11-17 09:32:22 · 7427 阅读 · 7 评论 -
移动web顶部导航修订版(续上版)
上一版的链接地址:http://blog.csdn.net/sinat_29673403/article/details/53195760为什么会出这么一个新版的原因,是因为产品需求的改变,导致分类从二级分类变换为三级分类,导致顶部导航栏的布局出现了调整。对右侧二级分类的展开添加了划入划出的效果,同时对整个导航栏的布局进行了调整。 效果图如下: 看到了大概的效果图,现在话不多说,来看看代码吧原创 2017-10-12 14:42:57 · 726 阅读 · 0 评论