jQuery 性能优化手册 推荐

2017年02月06日 25 阅读

在twitter上发现了<jQuery Performance Rules>这篇文章, 简单的摘译了一下:总是从ID选择器开始继承 在class前使用tag 将jquery对象缓存起来 掌握强大的链式操作 使用子查询 对直接的DOM操作进行限制 冒泡 消除无效查询 推迟到 $（window）.load 压缩js 全面掌握jquery库 1. 总是从ID选择器开始继承 在jquery中最快的选择器是ID选择器. 因为它直接来自于Javascrip...

javascript Firefox与IE 替换节点的方法

2017年02月06日 23 阅读

oldNode.replaceNode（newNode） 方法在IE中可以实现节点的替换，但在fierfox就不行了； 后来好不容易才解决此问题： 复制代码 代码如下: function（oldNode,newNode） { oldNode.parentNode.appendChild（newNode） oldNode.parentNode.removeChild（oldNode）; } ...

ext combox 下拉框不出现自动提示,自动选中的解决方法

2017年02月06日 24 阅读

看代码 复制代码 代码如下: var comboxContractType = new Ext.form.ComboBox（{ name:"logisticsId", fieldLabel:"物流公司", displayField:"logisticsName", valueField:"logisticsId", emptyText:"请选择", width:330, editable:true, allowBlank:false, mode:"loca...

json-lib出现There is a cycle in the hierarchy解决办法

2017年02月06日 21 阅读

解决办法 1.设置JSON-LIB让其过滤掉引起循环的字段。 Java代码 复制代码 代码如下: JsonConfig config = new JsonConfig（）; config.setIgnoreDefaultExcludes（false）; config.setCycleDetectionStrategy（CycleDetectionStrategy.LENIENT）; config.registerJsonValueProcessor（Dat...

判断控件是否已加载完成的代码

2017年02月06日 24 阅读

例如： 复制代码 代码如下: <input id="btnPost" type="button" value="button" /> <img src="../jqueryui/themes/base/images/ui-icons_cd0a0a_256x240.png" alt="" id="imga" /> 浏览器在解析时，首先加载 input标签，然后加载img标签。 此时如果想判断img标签是否加载完成，可以在img标...

javascript for循环设法提高性能

2017年02月06日 23 阅读

一般在javascript里对数组进行遍历一般是使用for循环，像下面一样 复制代码 代码如下: var arr = []; for（var i=0; i<arr.length; i++）{ //loop } 这种代码最大的问题，就在于每次循环时都要通过 .操作符获取 .length，增加了开销。那么我们可以这样改进。 复制代码 代码如下: var arr = []; for（var i=0, n=arr.length; i<n; i++）{...

js 表格拖拽效果实例代码 （IE only）

2017年02月06日 24 阅读

Table Test （I.E. Only） /*得到表格列*/ function getCols（srcCellIndex,obj） { obj = typeof obj === "string" ？ document.getElementById（obj） : obj; var s = ""; s += "" s += obj.rows[0].cells[srcCellIndex].innerHTML + ""; for（var i = 1;...

javascript 命名规则 变量命名规则

2017年02月06日 24 阅读

JavaScript变量匈牙利命名法 匈牙利命名法语法： 变量名＝类型＋对象描述 类型指变量的类型 对象描述指对象名字全称或名字的一部分，要求有明确含义，命名要容易记忆容易理解。 提示: 虽然JavaScript变量表面上没有类型，但是JavaScript内部还是会为变量赋予相应的类型。 提示: 匈牙利命名法是一位微软程序员发明的，多数的C,C++程序都使用此命名法。 JavaScript变量匈牙利命名类型JavaScript变量起名类型变量命名前缀Arr...

js 面向对象的技术创建高级 Web 应用程序

2017年02月06日 24 阅读

JavaScript 对象是词典 在 C++ 或 C# 中，在谈论对象时，是指类或结构的实例。对象有不同的属性和方法，具体取决于将它们实例化的模板（即类）。而 JavaScript 对象却不是这样。在 JavaScript 中，对象只是一组名称/值对，就是说，将 JavaScript 对象视为包含字符串关键字的词典。我们可以使用熟悉的“.”（点）运算符或“[]”运算符，来获得和设置对象的属性，这是在处理词典时通常采用的方法。以 下代码段 复制代码 代码如下...

jQuery 方法大全方便学习参考

2017年02月06日 23 阅读

Dom： Attribute： $（"p"）.addClass（css中定义的样式类型）; 给某个元素添加样式 $（"img"）.attr（{src:"test.jpg",alt:"test Image"}）; 给某个元素添加属性/值，参数是map $（"img"）.attr（"src","test.jpg"）; 给某个元素添加属性/值 $（"img"）.attr（"title", function（） { return this.src }）; 给某个元...

jquery 1.4.2发布！主要是性能与API

2017年02月06日 24 阅读

性能方面：看下图jquery 1.42最新版框架下载你也可以直接在网页中引入： http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js http://ajax.microsoft.com/ajax/jQuery/jquery-1.4.2.min.js 新增方法： .delegate（ selector, eventType, handler ） 这个函数的确很有用。用于给指定的对象附加...

jquery1.4 教程一 便利的设置函数

2017年02月06日 24 阅读

便利的设置函数 jquery1.4的大部分设置值对方法都可以设置第二个参数为回调函数。比如：.css（）, .attr（）, .val（）, .html（）, .text（）。 这说法很抽象，来看示例http://demo.jb51.net/js/jquery1.4/jquery_1.htm 便利的设置函数 $（function（）{ $（"#btn1"）.click（function（）{ $（"#a1"）.html（function（...

jquery1.4 教程二 ajax方法的改进

2017年02月06日 23 阅读

1 允许序列化嵌套的参数。 比如：{foo: ["bar", "baz"]} 将被序列化成foo[]=bar&foo[]=baz，而不是序列化成以前的foo=bar&foo=baz。 如果你想要使用旧的序列化方式，有三种设置方法： 复制代码 代码如下: jQuery.ajaxSettings.traditional = true; jQuery.param（ stuff, true ）; $.ajax（{ data: stuff, traditional:...

jquery1.4 教程三 新增方法教程

2017年02月06日 24 阅读

.clearQueue（）：移除队列中还没有运行的所有函数 clearQueue（）的作用与stop（true）很类似，简化了stop（true），在1.4后stop（）主要用于终止动画，而终止队列函数使用clearQueue（），clearQueue（）接受一个参数：队列名称，即移除特定队列。 来看demo： clearQueue（） $（function（）{}） div { margin:3px; width:40px; heigh...

javascript function调用时的参数检测常用办法

2017年02月06日 24 阅读

复制代码 代码如下: var f1 = function（p1,p2,p3）{ switch（arguments.length）{ case 0: alert（"无参版本的f1"） break; case 1: alert（"1个参数版本的f1：" + p1） break; case 2: alert（"2个参数版本的f1：" + p1 + "，" + p2） break; case 3: alert（"3个参数版本的f1：" + p1 + "，" + p...

JavaScript 时分秒时间代码（自动补零）

2017年02月06日 21 阅读

function startTime（） { var today=new Date（） var h=today.getHours（） var m=today.getMinutes（） var s=today.getSeconds（） //add a zero in front of numbers which...

javascript replace（）正则替换实现代码

2017年02月06日 26 阅读

复制代码 代码如下: var data = "123123,213,<,12312,>,312,3,cat,dsfsdfs,"; alert（func（data））; function func（str） { var reg = /<|>/g; str = str.replace（reg,function（$1）{ if（$1=="<"）{ return "<"; }else{ return ">"; } }）; ...

JavaScript 空位补零实现代码

2017年02月06日 24 阅读

实现一： 复制代码 代码如下: /* 平淡无奇法 */ function pad（num, n） { var i = （num + ""）.length; while（i++ < n） num = "0" + num; return num; } 上面的代码太平淡无奇，体现不了我的真实水平。于是有了实现二： 复制代码 代码如下: /* 神奇递归法 */ function pad2（num, n） { if （（num + ""）.length &g...

getElementsByTagName vs selectNodes效率 及兼容的selectNodes实现

2017年02月06日 23 阅读

于是就测试了下： 复制代码 代码如下: var stringToDom=function（text） { var doc; if（window.ActiveXObject） { doc = new ActiveXObject（"MSXML2.DOMDocument"）; doc.loadXML（text）.documentElement; } else { doc = （new DOMParser（））.parseFromString（text,"text...

JQuery团队打造的javascript单元测试工具QUnit介绍

2017年02月06日 26 阅读

什么是单元测试？ 单元测试又称为模块测试，是针对程序模块（软件设计的最小单位）来进行正确性检验的测试工作。单元测试主要是用来检验程式的内部逻辑，也称为个体测试、结构测试或逻辑驱动测试。通常由撰写程式码的程式设计师负责进行。 通常来说，程式設計師每修改一次程式就會進行最少一次單元測試，在編寫程式的過程中前後很可能要進行多次單元測試，以證實程式達到軟件規格書（en:Specification）要求的工作目標，沒有臭蟲；雖然单元测试不是什么必须的，但也不坏，這牽...