- 博客(37)
- 资源 (8)
- 收藏
- 关注
原创 手机端拖拽事件,获取pageX和pageY坐标方式
手机端拖拽事件:touchstart事件:当手指触摸屏幕时候触发,即使已经有一个手指放在屏幕上也会触发。touchmove事件:当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间,调用preventDefault()事件可以阻止滚动。touchend事件:当手指从屏幕上离开的时候触发。touchcancel事件:当系统停止跟踪触摸的时候触发。
2016-10-10 15:44:37 10967 1
原创 实现jQuery扩展总结
开发自己需要的jQuery插件,看个示例说明"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> new document /*jQuery插件的开发包括两种:一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。jQuery的全局函数
2015-11-23 17:24:48 501
原创 如何检测 JavaScript 中的自定义全局变量
译者注: 全局变量的滥用是一种很糟糕的程序设计。很容易造成依赖和状态混乱。 而在 Java 和 JavaScript 这种自动垃圾回收的语言里面,全局(可见的)变量一直是内存泄露的隐藏杀手。本文提供了一种靠谱的检测全局变量实现方式.在 JavaScript中随意设置全局变量并不是个好习惯。原文作者参与了 MooTools 项目, 据他所说, 已经有十年时间天天听到与此相关的谈论。 Mo
2015-09-17 14:08:33 836
原创 AJAX 跨域请求 - JSONP获取JSON数据
Asynchronous JavaScript and XML (Ajax) 是驱动新一代 Web 站点(流行术语为 Web 2.0 站点)的关键技术。Ajax 允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索。使用XMLHttpRequest 函数获取数据,它是一种 API,允许客户端 JavaScript 通过 HTTP 连接到远程服务器。Ajax 也是许多 mashu
2015-08-31 13:49:42 1351
原创 阻止事件冒泡,阻止默认事件的代码
阻止事件冒泡到上级function stopBubble(e){ // 如果传入了事件对象,那么就是非ie浏览器 if(e&&e.stopPropagation){ //因此它支持W3C的stopPropagation()方法 e.stopPropagation(); }else{ //否则我们使用ie的方法来取消事件冒泡 window.eve
2015-06-02 15:32:06 688
原创 禁止鼠标选中,禁用鼠标右键的代码
document.body.onselectstart=function(){return false;};禁止用户选中网页上的内容,IE及Chrome下的方法一样。使用onselectstart,例如 IE: Firefox下,控制css: body { -moz-user-select: none; }注:Firefox/Opera不支持onselectstart事件,所以用css方
2015-06-02 15:25:18 2177
原创 js鼠标禁止右键,复制,黏贴等功能
禁止鼠标右键:oncontextmenu="return false"; 禁止选择:onselectstart="return false"; 禁止拖放:ondragstart="return false"; 禁止拷贝:oncopy=document.selection.empty() 。 禁止保存:,放在head里面。 禁止粘贴: 关闭输入法: 使用方法:
2015-05-27 18:15:22 1144
原创 字符串转换成json对象
1,eval方式解析,恐怕这是最早的解析方式了,如下:function strToJson(str){var json = eval('(' + str + ')');return json;} 记得别忘了str两旁的小括号。(一定要加上)2,new Function形式,比较怪异哦。如下function strToJson(str){var json = (new Funct
2015-05-08 14:12:24 660
原创 用JS创建json数据,并且可以动态往json数据里面添加新值,也可以修改值。
函数不需要 return,因为 json 对象会被函数直接修改。var str1 = {"name": "apple", "sex": "21"}; // 参数:prop = 属性,val = 值function createJson(prop, val) { // 如果 val 被忽略 if(typeof val === "undefin
2015-05-07 16:26:18 28272
转载 前端web开发的MVC模式 - 从一个简单实例讲起
前端web开发的MVC模式 - 从一个简单实例讲起MVC概论起初来之桌面应用开发。其实java的structs框架最能体现MVC框架:model模型是理解成服务器端的模块程序;view为发送给客服端的内容;control为servlet程序控制跳转和工作流。随着前端Ajax兴起、前端开发工作进一步划分:js程序员和ue页面制作、另外从整个前端项目的清晰明朗以可扩展性
2015-03-18 17:31:25 2168
原创 谷歌浏览器保存密码后文本框出现黄色背景的解决方案
input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px white inset;}
2014-11-06 17:56:00 1795
原创 JS光标定位到文本框字符串末尾
在开发网站表单的时候,为了给用户良好的体验度,在验证表单数据的时候,我们会先使用JavaScript来进行表单数据的验证,如果用户输入的数据不对,我们就可以马上给出提示信息。为了更进一步给用户良好的体验感,比如用户在几个文本框内输入了数据,提交的时候,某个文本框内的数据不对,我们在提示哪项数据不符的情况下,再把光标定位到该项文本框内。我们在这么做的时候,会发现一个问题,就是光标位置的问题,光标虽然
2014-10-20 14:00:31 8268
原创 鼠标移动时禁止选中文字
今天在做div移动时遇到一个奇怪的问题 ,就是在移动div的时候偶尔会选中div中的文字,同时会影响div移动的流畅性, 可郁闷了 查了查资料 有用css实现的 也有用js实现的 具体原理就细看 直接上解决方法下面来自转载 网上滴:这是通过CSS样式来实现的禁止用鼠标选择功能:unselectable为IE准备,onselectstart为Chrome、Safari准备,-
2014-10-20 10:22:14 2754
原创 字符串是否在DOM中重复
判断字符串是否重复 baidu0.com baidu1.com baidu2.comvar fl=0;//判断是否有重复值,0表示没有,1表示有var valurl=$("[name='addlink_txt']").val().replace(/\s/g,"");$("[name='addlink_btn']").bi
2014-09-29 10:02:37 522
原创 二位数组排序
var ar=[['a',75,86,95,64],['b',66,88,77,99],['c',86,45,76,85],['d',94,65,86,70]] function cmp(a,b){ return a[1]-b[1]; } function mysort(){ ar=ar.sort(cmp
2014-09-17 17:17:06 550
原创 window.location后面的属性
hash 设置或返回从井号 (#) 开始的 URL(锚)host 设置或返回主机名和当前 URL 的端口号hostname 设置或返回当前 URL 的主机名href 设置或返回完整的 URLpathname 设置或返回当前 URL 的路径部分port 设置或返回当前 URL 的端口号protocol 设置或返回当前 URL 的协议search 设置或返回从问号 (?) 开始的 URL
2014-08-12 11:30:13 744
原创 iframe页面和父页面之间元素查找的方法
从父页面中查找iframe子页面中对象的方法:JS:jQuery:$('#iframe').contents() //查找iframe加载的页面的document对象 $('#iframe').contents().find('body') //查找iframe加载的页面的body对象 $('#iframe').contents().find('body').find('#ic
2014-08-05 11:30:16 770
原创 转换特殊符号,防止用户在文本域中输入html标签
String.prototype.htmlEncode=function(){ return this.replace(/&/g,"&").replace(//g,">").replace(/\"/g,""").replace(/\'/g,"'");} String.prototype.htmlDecode=function(){ return this.replace(/\&
2014-07-30 13:59:23 1380
原创 jQuery 操作复选框(checkbox) attr checked不起作用
这天用到jQuery功能,想实现一个简单的复选框动态全选或全不选,结果测试发现attr(‘checked’,'checked’);与attr(‘checked’,true); 都不好使,要么第一次成功了,第二次调用就没反应,完全不起作用了。那到底是什么原因呢?害得‘跑客教授’到处到网上搜 jQuery checkbox的操作,动态选择的相关文章,都写着是这样的实现代码
2014-07-25 11:13:56 808
原创 IE6,IE7下设置透明度opacity问题
IE6,IE7下设置透明度opacity问题在前端开发中经常被问到IE下这个bug问题:ie6下是因为haslayout的原因,为了触发haslayout属性,更简单的办法就是它设置zoom:1;即可,而且没有任何副作用。.opacity{opacity:0.3;filter:alpha(opacity:40);zoom:1}
2014-07-24 14:07:57 1258
原创 display:inline-block; IE6/IE7 兼容问题
display:inline-blok;在块级元素中IE6/IE7是不兼容的(div、ul、li、h1~h6等),在内联级元素中IE6/IE7是兼容的(如:span、a、strong、img等)解决方法:加上zoom:1;*display:inline;
2014-07-24 13:49:55 757
原创 js判断浏览器类型
function getOs() { var OsObject = ""; if(navigator.userAgent.indexOf("MSIE")>0) { return "MSIE"; } if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
2014-07-18 15:03:49 592
原创 正则表达式
验证数字的正则表达式集 验证数字:^[0-9]*$验证n位的数字:^\d{n}$验证至少n位数字:^\d{n,}$验证m-n位的数字:^\d{m,n}$验证零和非零开头的数字:^(0|[1-9][0-9]*)$验证有两位小数的正实数:^[0-9]+(.[0-9]{2})?$验证有1-3位小数的正实数:^[0-9]+(.[0-9]{1,3})?$验证非零的正整数:^\+?[1-9][
2014-07-17 10:03:06 405
原创 $(this).attr(‘checked’)返回dundefined问题
最近在对一个项目的前端进行调整时,发现项目原来用的低版本的jQuery存在一些问题,于是就把jQuery换成了比较新的v1.72,但是发现原来$(this).attr(‘checked’)返回的不再是true or false,选中的情况下返回checked,未选中的情况返回undefined,看了jQuery文档后原来v1.6以后$(this).attr(‘checked’)就返回check
2014-07-14 11:13:39 559
原创 IE下判断IE版本
IE6及其以下版本可见IE7及其以下版本可见只有IE6版本可见除了IE以外的版本IE8以下的版本可见IE7及大于IE7的版本可见
2014-07-09 10:41:14 649
原创 jquery.easing.js缓动函数插件的用法
jQuery 提供了一些诸如 show、hide、slideUp、fadeIn 等等动画方法,可以方便的切换元素的显隐。更有强大的自定义动画方法 animate ,可以实现很多动画效果。为了让动画有好的过渡变化过程,官方为这些方法设置 easing 属性,但是官方没有给出很多过渡效果。jquery.easing.js 这个插件,增加了很多过渡效果,引入之后可以让动画过渡过程更加多样化。
2014-06-30 16:22:13 2713
原创 js中获取窗口高度的方法
在IE中:document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.clientHeight ==> 可见区域高度document.docu
2014-06-23 16:32:20 812
原创 AMD 和 CMD 的区别有哪些
AMD 规范在这里:https://github.com/amdjs/amdjs-api/wiki/AMDCMD 规范在这里:https://github.com/seajs/seajs/issues/242AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。CMD 是 SeaJS 在推广过程中对模块定义的规范化产出。类似的还有 CommonJS Modules
2014-06-03 09:40:35 899
原创 RequireJS、SeaJS、 LABjs的区别
LABjs 的核心是 LAB(Loading and Blocking):Loading 指异步并行加载,Blocking 是指同步等待执行。LABjs 通过优雅的语法(script 和 wait)实现了这两大特性,核心价值是性能优化。LABjs 是一个文件加载器。RequireJS 和 SeaJS 则是模块加载器,倡导的是一种模块化开发理念,核心价值是让 JavaScript 的模块
2014-06-03 09:32:10 816
原创 Yeoman入门之安装及环境配置
YEOMAN的特性Yeoman 是 Google 官方推荐的一款 AngularJS 开发工具。闪电般的初始化:项目开始阶段,可以基于现有的末班框架(例如:HTML5 Bolierplate、Twitter Bootstrap)进行项目初始化的快速构建。了不起的构建流程:不仅仅包括JS、CSS代码的压缩、合并,还可以对图片和HTML文件进行优化,同时对CoffeScript和Com
2014-05-28 16:00:22 4959
原创 require.js的用法
一、为什么要用require.js?最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了。后来,代码越来越多,一个文件不够了,必须分成多个文件,依次加载。下面的网页代码,相信很多人都见过。<script src='3.js'>这段代码依次加载多个js文件。这样的写法有很大的缺点。首先,加载的时候,浏览器
2014-05-28 15:40:00 1003
原创 nodejs入门之使用nodejs展示一个网页
一个网页的内容其实就是一段字符串,response.write()可以接受一个字符串作为参数,所以很明显只需要把一个网页的内容作为参数传递给response.write()即可。例如:
2014-05-28 15:22:47 1084
原创 nodejs入门安装及环境配置(windows系统)
作为服务端运行javascript的平台的NodeJs,把前台javascript移到了服务器端,Google V8引擎使其运行效率非常高,它可以异步,无任何阻塞运行程序。nodejs包含http服务器,可以为我们实现 web系统设计,客户端javascript编译器,等一系列的功能。步骤一:
2014-05-26 15:30:24 1866
js计算字符个数回车换行兼容所有浏览器.rar
2012-12-12
frame左边显示隐藏.rar
2012-12-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人