![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 52
misaka去年夏天
让学习成为一种习惯
展开
-
H5的拖曳效果示例
利用H5新增的draggable和ondrag*事件可以用简单的代码完成拖曳事件: H5的拖拽效果实例 #box{ height: 200px; width: 200px; border: 1px solid orange; float: left; } #con{ height: 200px; width: 200px; border: 1原创 2016-02-13 13:46:54 · 5020 阅读 · 0 评论 -
Uploadify上传文件时,onSelectError报错errorCode-120,文件undefined
最近使用uploadify上传文件时,设置了参数: 'fileTypeExts' : '*.jpg;*.gif;*.png;*.jpeg;*.zip;*.rar;*.tar;*.gz;*.7z;*.doc;*.docx;*.txt;*.xml;*.mp4;*.avi;*.rmvb;*.flv;*.mkv;*.wmv;*.pdf;*.mov;',因为参数中过滤了压缩文件原创 2017-02-16 10:23:32 · 2773 阅读 · 0 评论 -
如何验证页面上GA监测代码是否添加正确
一、使用插件可用来检查GA代码的插件有很多,这里所说的插件都指的是Chrome浏览器的扩展程序,常见的有Tag Assistant、Google Analytics Debugger、Omnibug、WASP.inspector等。这里只介绍下Tag Assistant,因为就检查GA代码来说,个人感觉用它最准确,操作起来也最方便。Tag Assistant 是Google官方出品转载 2016-09-23 23:48:06 · 4398 阅读 · 0 评论 -
在thinkphp中使用省市县三级菜单联动
可以在 http://download.csdn.net/detail/u013443768/7725041 下载示例代码,代码是别人写的,如果你很熟悉thinkphp,那么不继续往下看你也能完成;感谢上传代码的那位,省下了我时间自己写菜单联动。(该下载的代码是thinkphp3.1以下版本的,和3.2版本区别不大)1、下载的压缩包里,有个hzh_regio原创 2016-03-12 00:51:17 · 3739 阅读 · 0 评论 -
多维数组json_encode之后产生对象而不是数组问题
json_encode函数可以对PHP的数组进行编码,返回值是json格式的字符串。对于多维数组进行json_encode,我一直以为是返回数组形式(形如{{obj1}, {obj2}, {obj3}}),但今天接口返回给客户端发现变成了对象而不是数组(形如[{....},{.....},{.....}]),不方便客户端操作,检查代码才发现,我之前一个unset操作把多维数组的第一个单原创 2016-03-18 22:33:11 · 10950 阅读 · 4 评论 -
在HTML中禁止表单回车就提交操作
在HTML页里面由于使用了form,常常需要禁用enter提交表单。因为内容页或者母版页自身有如果有type="submit"的button,当textbox聚焦时,按下enter都会触发表单的默认提交(不论是IE还是firefox),于是需要在onkeydown中监听用户的按键。实际测试,IE8中导致表单提交的不确定因素太多,点击表单的table中的td都转载 2016-03-18 22:45:02 · 1768 阅读 · 0 评论 -
jQuery-uploadify上传文件报错:HTTP:302错误
在用jQuery-uploadify上传文件的时候碰到了HTTP302错误。错误原因是uploadify插件要求上传文件到服务器端时,需要带上session_id。解决办法是:在前端uploadify方法里,添加参数。比如: 'uploader' : "{:U('Admin/Aliyun/getjsfile',array('session_id'=原创 2016-04-23 10:11:32 · 6173 阅读 · 0 评论 -
jQuery uploadify 在chrome上崩溃的解决办法
最近用了一下uploadify,在上传文件上还是很简单方便的。但是发现在chrome上会经常崩溃。网上找了一下解决办法,大多都是在uploadify.js后面加上一个随机时间以防止使用chrome的缓存,其实这个办法并不能完全解决崩溃问题,比如在uplodify页面进入其他页页后,再点击后退返回到这个uploadify页面,同样会出现崩溃问题。其实如果不用缓存每次去请求转载 2016-05-21 22:09:11 · 2393 阅读 · 0 评论 -
js的数据结构
从结构上看,所有的数据(data)最终都可以分解成三种类型:第一种类型是标量(scalar),也就是一个单独的字符串(string)或数字(numbers),比如"北京"这个单独的词。第二种类型是序列(sequence),也就是若干个相关的数据按照一定顺序并列在一起,又叫做数组(array)或列表(List),比如"北京,上海"。第三种类型是映射(mapping),也就转载 2016-05-21 22:53:36 · 843 阅读 · 0 评论 -
swiper.min.js.map在chrome下访问时404的解决方法
在chrome下,项目中引入了swiper.min.js,但是在chrome下访问的时候,一直引入失败,报错提示是:swiper.min.js.map返回了个404错误。但是我引入的不是swiper.min.js.map啊,百度+Google一圈后发现,是chrome的Source Map功能,为了更快得加载js,需要引入一个对应的.map文件:map文件是js文件原创 2016-07-31 01:45:07 · 14087 阅读 · 0 评论 -
ajax执行后,swiper.js的效果消失问题
今天遇到个坑:使用swiper.js做一些动效时,如果进行了ajax,并且重新把DOM写入到HTML代码中,会导致swiper.js的特效消失的问题、原因是ajax加载后,原先new 的Swiper对象,不认识新来的DOM对象,所以要把ajax之后的DOM也绑定到swiper的事件,就得重新声明Swiper对象,也就是重新声明Swiper对象。比如 var mySwiper = ne原创 2016-07-21 18:54:06 · 3545 阅读 · 0 评论 -
ajax返回数据之前加载loading图标
发送ajax请求的时候,如果后台暂时没有返回数据,一般会显示一个loading图标来提醒用户当前正在加载中。下面直接上代码,用jquery来操作,很方便。 ajax加载loading图标 提交 $('#btn').click(function(){ $.ajax({ url:$('#test-form').attr('ac原创 2016-03-18 23:38:06 · 12754 阅读 · 0 评论 -
jQuery监听输入框的值变化
监听输入框的键盘事件,在移动端可以使用H5的oninput事件,但在PC端是蛋疼的,并不是所有浏览器都支持。在PC端,绑定H5的input事件,和IE的propertychange事件,即可兼容,例如:$('#password').bind('input propertychange', function() { // 密码检验 var password = $("#p原创 2016-06-18 00:06:30 · 834 阅读 · 0 评论 -
H5拖曳文件上传示例
利用H5的拖曳事件,可以不用表单就完成异步文件上传,示例代码如下: h5拖拽异步上传 #uuz{ width: 200px; height: 200px; border: 1px dashed orange; text-align: center; } window.onload = function(){ var uuz = do原创 2016-02-13 15:58:06 · 3790 阅读 · 0 评论 -
web前端安全之XSS攻击
前端安全之XSS攻击XSS(cross-site scripting跨域脚本攻击)攻击是最常见的Web攻击,其重点是“跨域”和“客户端执行”。有人将XSS攻击分为三种,分别是:1. Reflected XSS(基于反射的XSS攻击)2. Stored XSS(基于存储的XSS攻击)3. DOM-based or local XSS(基于DOM或本地的XSS攻击)转载 2017-04-24 14:17:21 · 1314 阅读 · 0 评论