zeroxiaozou的专栏

JQUERY扩展方法有两种，一种是使用jquery.fn.extend,一种是jquery.extend 很好用下面个实例：jQuery.fn.__toggleCheck = function (idPrefix) { var c = false; $(this).click(function () { if (c) c = false; else c = true

管理浏览器的javascript代码是个麻烦的问题（从性能上讲），因为代码执行阻塞了其他浏览器处理过程，像用户界面绘制。每次遇到标签，页面必须停下来等待代码下载（如果是外部的）并执行，然后在继续处理页面其他部分。下面有几种方法可以减少javascript对性能的影响：     1.将所有的标签放置在页面的底部，在body关闭标签的上方。这样可以保证页面在脚步运行之前完成解析。    2

算法和流程控制    代码整体结构是执行速度的决定元素之一。代码少不一定运行快，代码多不一定运行慢。一,循环for (var i=0; i //loop body}---------------------var i = 0;while(i //loop bodyi++;}--------------------var i = 0;do {

经常看到setTimeout延时0ms的javascript代码，感到很迷惑，难道延时0ms和不延时不是一个道理吗？后来通过查资料以及实验得出以下两个作用，可能还有作用我还不知道，希望得知的朋友在后面评论上不吝指出。1、实现javascript的异步；正常情况下javascript都是按照顺序执行的。但是我们可能让该语句后面的语句执行完再执行本身，这时就可以用到setTimeout延时0m

浏览器UI线程：大多浏览器有一个单独的处理进程 有2个任务所共享：javascript任务和用户界面更新任务 但每个时刻只有其中一个操作得以执行。这UI线程围绕一个简单的队列系统工作 任务被保存打牌队列中直到进程空闲，一旦空闲 队列中的下一个任务将被检索和运行Browser UI Thread ExampleClick Mefunction handleClic

ajax 是高性能javascript的基石 可以通过延迟下载大量资源是页面加载更快 通过客户端和服务端异步传送数据 避免页面集体加载 局部刷新页面 通过选择正确的传输技术和最有效的数据格式 可以改善和用户的体验。一 数据传输五种常用技术向服务器请求数据：XMLHttpRequestDynamic script tag insertion 动态脚本标签插入iframesCo

避免二次评估：就是在javascript代码中执行另外一段javascript代码 就会有二次评估的代价 多了一次评估是否为正常代码使用对象和数组直接量：//create an objectvar myObject = new Object();myObject.name = "Nicholas";myObject.count = 50;myObject.flag =

1.合并javascript文件：   减少http请求数量   Apache Ant 通过concat 任务提供合并几个文件的能力（注意文件的依赖关系）files="a.js, b.js"/>includes="*.js"excludes="a.js, b.js"/>2.预部署javascript文件由于没有专门的javascript设计的预处

grep()方法用于数组元素过滤筛选grep(array,callback,invert)array：待过滤数组;callback：处理数组中的每个元素，并过滤元素，该函数中包含两个参数，第一个是当前数组元素的值，一个是当前数组元素的下标，即元素索引值。此函数应返回一个布尔值。另外，此函数可设置为一个字符串，当设置为字符串时，将视为“lambda-form”（缩写形式？），其中 a

javascript textarea 光标定位到具体的位置 如果加载的内容是ajax 最好用setTimeout函数包装一下：通用各个浏览器setTimeout(function() {        var tea = document.getElementById(id);    if (tea.setSelectionRange !==undefined && tea.setS

关于这三个函数的详细介绍，可以参看 MDN 的文档：bind、call、apply。下面开始搬砖，修改自我之前在 segmentfault 上的答案：js 里函数调用有 4 种模式：方法调用、正常函数调用、构造器函数调用、apply/call 调用。同时，无论哪种函数调用除了你声明时定义的形参外，还会自动添加 2 个形参，分别是 this 和arguments。ar

JavaScript this 用法基础首先，我们已经知道在 JavaScript 中，函数和对象一样都有属性。而当一个函数执行的时候，它就获得了 this 这个属性。而 this 其实就是一个具有调用当前函数的对象的值的变量。this 这个变量 永远 指向 一个 对象，并且拥有这个对象的值。虽然 this 可以在全局作用域中出现，但它通常还是会在函数体内或对象的方法内。有一点要注

对dom操作在富网页应用中通常是一个性能的瓶颈，主要的3类问题：一.访问和修改dom元素    浏览器通常把dom和javascript实现保持相互独立，这样2个独立的部分功能链接就会带来性能损耗。最坏的情况是循环执行该操作。function innerHTMLLoop() {for (var count = 0; count document.getElementById('

一.javascript 四种数据类型    1  literal values 直接量:字符串，数字，布尔值，数组，函数，对象，正则表达式，具有特殊意义的空值，以及未定义    2 variables 变量 使用var创建的存储数据值    3  Array items 数组项 具有数字索引 存储一个js数组对象    4 object members 对象成员 具有字符串索引

几乎所有的js都与字符串操作紧密相连。典型的就是ajax从服务器获取字符串将这些字符串转换成更容易的js对象，然后从数据中生成html字符串。包含合并，分解，重新排列，搜索，遍历，以及其他方法处理字符串。

从对象创建一个实例说起来貌似是很简单的东西，是啊，基本在所有的语言中，都是用new关键字来创建实例的Javascript当然也不例外，可是关于对象的引用问题，你考虑过么？通常的做法是一系列对象共享类的方法，而不是为每个对象复制一份函数。下面看看为每个对象复制一份函数的做法。复制代码 代码如下:var myobject=function(param1,param2) { this

var isIE = (navigator.appVersion.indexOf("MSIE") != -1) ? true : false;var isWin = (navigator.appVersion.toLowerCase().indexOf("win") != -1) ? true : false;var isOpera = (navigator.userAgent.index

这是一个 很经典的 网页加载MP3的功能的例子 完整的例子：http://download.youkuaiyun.com/detail/zeroxiaozou/6030091 下载

substring 方法用于提取字符串中介于两个指定下标之间的字符substring(start,end)开始和结束的位置，从零开始的索引参数     描述start     必需。一个非负的整数，规定要提取的子串的第一个字符在 stringObject 中的位置。stop     可选。一个非负的整数，比要提取的子串的最后一个字符在 stringObject 中的

事件触发器就是用来触发某个元素下的某个事件，IE下fireEvent方法，高级浏览器（chrome,firefox等）有dispatchEvent方法。一般我们在元素上绑定事件后，是靠用户在这些元素上的鼠标行为来捕获或者触发事件的，或者自带的浏览器行为事件，比如click，mouseover，load等等，有些时候我们需要自定义事件或者在特定的情况下需要触发这些事件。这个时候我们可以使用I

constructor 属性返回对创建此对象的数组函数的引用例子 1在本例中，我们将展示如何使用 constructor 属性：var test=new Array();if (test.constructor==Array){document.write("This is an Array");}if (test.constructor==Boolea

eval函数会评估一个给定的含有JavaScript代码的字符串，并且试图去执行包含在字符串里的表达式或者一系列的合法的JavaScript语句。eval函数将把最后一个表达式或者语句所包含的值或引用作为返回值此方法接受任意的字符串，并当作JavaScript代码来处理。当有问题的代码是事先知道的（不是运行时确定的），没有理由使用eval()。如果代码是在运行时动态生成，有一个更好的方式不使用

function loadScript(url, callback) {var script = document.createElement("script");script.type = "text/javascript";//IEif (script.readyState) {script.onreadystatechange = function() 

阻止a标签herf属性跳转：链接的onclick事件被先执行，其次是href属性下的动作（页面跳转，或 javascript 伪链接）；假设链接中同时存在href与onclick，如果想让href属性下的动作不执行，onclick必须得到一个false的返值；如果页面过长有滚动条，且希望通过链接的 onclick事件执行操作。应将它的 href属性设为 javascript:voi

关于input 文本垂直不对齐的解决方案：页面：                                                      动态添加 ：$("#serachTyleContext")    .html("wtitle mb10\" style=\"width:254px;height:28px;float:left;\"><input 

样式表有三种方式      内嵌样式（inline Style） ：是写在Tag里面的，内嵌样式只对所有的Tag有效。     内部样式（internal Style Sheet）：是写在HTML的里面的，内部样式只对所在的网页有效。      外部样式表（External Style Sheet）：如果很多网页需要用到同样的样式(Styles)，将样式(Styles)写在一个以.cs

Js冒泡机制是指如果某元素定义了事件A，如click事件，如果触发了事件之后，没有阻止冒泡事件，那么事件将向父级元素传播，触发父类的click函数。        如下例所示： 1.jpg (46.84 KB, 下载次数: 20)下载附件2014-3-21 16:40 上传当你点击inner