Welcome 微信登录

首页 / 脚本样式 / JavaScript

jquery1.83 之前所有与异步列队相关的模块详细介绍

jquery1.83 之前所有与异步列队相关的模块详细介绍

jQuery在1.5引入了Deferred对象(异步列队),当时它还没有划分为一个模块,放到核心模块中。直到1.52才分割出来。它拥有三个方法:_Deferred, Deferred与when。 出于变量在不同作用域的共用,jQuery实现异步列队时不使用面向对象方式,它把_Deferred当作一个工厂方法,返回一个不透明的函数列队。之所以说不透明,是因为它的状态与元素都以闭包手段保护起来,只能通过列队对象提供的方法进行操作。这几个方法分别是done(添加...
给artDialog 5.02 增加ajax get功能详细介绍

给artDialog 5.02 增加ajax get功能详细介绍

之前用过artDialog 5.0之前版本,非常佩服作者的创意和敬业精神,现在新版的功能朝着轻量级js的方便发展,我还是比较喜欢之前artDialog.open的功能,直接方便。但就是之前版本有点大,我现在只想在artDialog增加一点从ajax get远程内容,我的代码如下: 复制代码 代码如下: $.extend({ _htmlDataArr:new Array(), _findHTML:function(url){ var hd_len= $._h...
如何让div span等元素能响应键盘事件操作指南

如何让div span等元素能响应键盘事件操作指南

在我这几天的工作中遇到了一个问题,google了一下找到了解决方案,不过是英文的,我简单翻译下让更多的人能看懂 译文如下: 我有一个可编辑的div,并且在DIV里面还有一个可编辑的span,我想要让span能响应键盘事件, 这里是测试JS代码: 复制代码 代码如下: $(function() { $("#someid").keypress(function(event){alert("test");}); }); 这里是测试html代码: 复制代码 代码如...
jquery offset函数应用实例

jquery offset函数应用实例

我们有时候需要实现这样一种功能:点击一个按钮,然后在按钮的下方显示一个div。当按钮位于角落时,div的位置设定就需要调整,不然,div将显示不完全。我打算使用offset()方法实现此功能,但要先弄清楚他的功能。offset()的top是指元素与document的上边的距离,而不是浏览器当前窗体的上边缘,如图1。图1:document高度超过window,浏览器出现滚动条,滚动滚动条,提交按钮的offset不变。图2:document中的div有滚动...
Jquery颜色选择器ColorPicker实现代码

Jquery颜色选择器ColorPicker实现代码

在CMS中通常都有给标题添加颜色的功能,但一般都比较简单,颜色支持也少,这里我要分享一个自己修改的颜色选择器。界面简洁,功能强大。在我们的日常项目中可以快速的部署。复制代码 代码如下: $(".colorpicker").colorpicker({ target:"#title", success:function(o,color){ $("#color").val(color) }, reset:function(o){ $("#color").val(...
ko knockoutjs动态属性绑定技巧应用

ko knockoutjs动态属性绑定技巧应用

knockoutjs 简称 ko ko的动态属性是指,ViewModel不确定的属性,而后期却需要的属性。 什么是不确定属性,比如ListModel如果 编辑某一项,想把这一项的状态变更为Edit。数据并不包括Edit属性,mvvm绑定时,会发现报错。 那么一定需要拓展ko才能达到我们的目的。 首先来认识有值属性绑定,和 无值属性绑定: 一、有值属性绑定: JS模型: 复制代码 代码如下: $(function () { var viewModel = f...
解决火狐浏览器下JS setTimeout函数不兼容失效不执行的方法

解决火狐浏览器下JS setTimeout函数不兼容失效不执行的方法

今天检查自己用JQuery+AJAX+PHP做的网站后台登录检测,发现登陆成功后执行页面跳转函数这段JavaScript(JS)代码特效在IE和谷歌浏览器Chrome下都可以很好地执行,兼容性还不错。结果到了火狐(FireFox)浏览器下setTimeout这个JS内置函数不执行了,无效了,也没报错!打开FireBUG指望它能检测出JS的错误,结果没用...Javascript(JS)脚本代码在各浏览器下的兼容是一个很头疼的问题,经过一番调试和搜索,终于解...
JavaScript 模式之工厂模式(Factory)应用介绍

JavaScript 模式之工厂模式(Factory)应用介绍

工厂模式也是对象创建模式之一,它通常在类或类的静态方法中去实现。构造对象的一种方式是使用new操作符,但使用new时正是针对实现编程,会造成“耦合”问题,与具体的类关系紧密。导致代码更脆弱,缺乏弹性,在复杂逻辑的项目中建议是面向接口编程。 先看简单工厂模式 复制代码 代码如下: Person(name, age) { var obj = {} obj.name = name obj.age = age return obj } var p1 = Perso...
中国地区三级联动下拉菜单效果分析

中国地区三级联动下拉菜单效果分析

因为最近有需要用到中国地区三级联动下拉菜单,虽然用公司的框架已经实现,但是看的比较迷茫,就网上找了下相关代码,主要的数据和功能实现都是在js文件中,网上找的地区数据有的地方不完整,需要自己添加,虽然和公司的框架实现的代码不一样,还是先把代码放上了,以后需要的时候可以看看,大家也可以看看! 1.首先是js文件(area.js): 复制代码 代码如下: function Dsy() { this.Items = {}; } Dsy.prototype.add ...
jquery getScript动态加载JS方法改进详解

jquery getScript动态加载JS方法改进详解

复制代码 代码如下: $.getScript(url,callback) 这个方法是jquery自身提供的一个用于动态加载js的方法。当网站需要加载大量js时,动态的加载js就是一个比较好的方法,当需要某个功能时再将相应的js加载进来。 但是自己在使用过程中却发现了一些不尽如意的地方。 每次需要执行该功能的时候都会去请求一次这个js,这样不是在帮倒忙嘛? 于是找到Jquery官网的API说明 http://api.jquery.com/jQuery.g...
jQuery 数据缓存模块进化史详细介绍

jQuery 数据缓存模块进化史详细介绍

数据缓存系统最早应该是jQuery1.2引入的,那时它的事件系统完成照搬DE大神的addEvent.js,而addEvent在实现有个缺憾,它把事件的回调都放到EventTarget之上,这会引发循环引用,如果EventTarget是window对象,又会引发全局污染。有了数据缓存系统,除了规避这两个风险外,我们还可以有效地保存不同方法产生的中间变量,而这些变量会对另一个模块的方法有用,解耦方法间的依赖。对于jQuery来说,它的事件克隆乃至后来的列队实现...
Js+Flash实现访问剪切板操作

Js+Flash实现访问剪切板操作

最近需要遇到了这个问题点击按钮复制链接的功能果断度娘谷哥。最后找到得解决方案ZeroClipBoard一款开源得js+Flash实现得剪切板操作 但是搜寻了众多例子之后发现大多都是介绍一个页面只有一个固定的复制操作 而我得需求是这样 一个动态Repeater动态加载出各个地址和复制按钮。 这个解决方案得原理是: 拿js动态加载一个透明flash.然后遮盖到你要点击得按钮上面,之后在给这个flash得承载元素上绑定事件动态把要复制得值传递到flash中,用...
JavaScript实现拼音排序的方法

JavaScript实现拼音排序的方法

一般情况下,大家会使用下面的方法来进行汉字的拼音排序 复制代码 代码如下: var list = [ "王", "张","李"]; list.sort(function (a, b) { return a.localeCompare(b); }); localeCompare() :用本地特定的顺序来比较两个字符串。 通过localeCompare这个方法来进行拼音排序的不可靠之处在于: 1. 很依赖中文操作系统 2. 很依赖浏览器的内核 也就是说,如果...
<< 581 582 583 584 585 586 587 588 589 590 >>