js中更短的 Array 类型转换

2017年02月06日 22 阅读

当时我在分享会，想试试，但身边没有电脑。今天打开 Firebug 的那一瞬间，突然记起这事。马上试了一下之前想的一个方案。可以！代码如下： 复制代码 代码如下: function a（）{ var arr = Array（arguments）; alert（arr instanceof Array）; } a（"b"）; 在看 Baidu Tangram 的时候，最常看到的是 String（"a string"），不像其实地方的用法，是使用与一个空字符串...

JS trim去空格的最佳实践

2017年02月06日 22 阅读

刚好上次有同学提出疑问。刚好可以自测一下。先来看看老道在《JavaScript 精粹》P33 写的吧。他对 String 对象扩展了一个 trim（） 方法： 复制代码 代码如下: Function.prototype.method = function（name, func） { this.prototype[name] = func; return this; }; String.method（"trim", function（） { return t...

js判断是否为数组的函数: isArray（）

2017年02月06日 21 阅读

今天刚好在学习支付宝 JS 框架 base.js 。瞄了一下，实现是这样的： 复制代码 代码如下: if （value instanceof Array || （！（value instanceof Object） && （Object.prototype.toString.call（（value）） == "[object Array]"） || typeof value.length == "number" && typeof value.splice...

加载 Javascript 最佳实践

2017年02月06日 18 阅读

相信很多与页面打过交道的同学都对 Yahoo 的 Best Practices for Speeding Up Your Web Site 不陌生。而这 35 条最佳实践中，对 Javascript 的加载顺序的要求是：Put Scripts at the Bottom。因为根据 HTTP/1.1 specification 看来，在同一时间加载两个文件是最理想的，而 Javascript 脚本会阻碍平行下载。Steve 说那是 2008 – 2009 那...

IE与Firefox在JavaScript上的7个不同句法分享

2017年02月06日 21 阅读

在这篇文章中，作者介绍了7个在IE和Firefox中不同的JavaScript句法。 1. CSS "float" 值 访问一个给定CSS 值的最基本句法是：object.style.property，使用驼峰写法来替换有连接符的值，例如，访问某个ID为"header"的<div>的 background-color值，我们使用如下句法： document.getElementById（"header"）.style.backgroundCol...

线路分流自动智能跳转代码,自动选择最快镜像网站（js）

2017年02月06日 22 阅读

JS脚本无数据库代码 复制代码 代码如下: <Script Langage=Javascript> i=1 var autourl=new Array（） autourl[1]="http://www.abc.com/default.asp" //修改为网通访问地址 autourl[2]="http://abc.com/default.asp" //修改为电信访问地址 function auto（url） { if（i） { i=0; top....

js下获得客户端操作系统的函数代码（1:vista,2:windows7,3:2000,4:xp,5:2003,6:2008）

2017年02月06日 21 阅读

复制代码 代码如下://获得客户端操作系统（1:vista,2:windows7,3:2000,4:xp,5:2003,6:2008） function GetOSInfo（）{ var _pf = navigator.platform; var appVer = navigator.userAgent; if（_pf == "Win32" || _pf == "Windows"） { if（appVer.indexOf（"WOW64"）>-1）{ ...

jQuery代码优化之基本事件

2017年02月06日 23 阅读

事件模型 说到事件，就要追溯到网景与微软的“浏览器大战”了。当时，事件模型还没有标准，两家公司的实现就是事实标准。网景在Navigator中实现了“事件捕获”的事件系统，而微软则在IE中实现了一个基本上相反的事件系统，叫做“事件冒泡”。这两种系统的区别在于当事件发生时，相关元素处理（响应）事件的优先权不同。 下面举例说明这两种事件机制的区别。假设文档中有如下结构： 复制代码 代码如下: <div> <span> <a>....

jQuery代码优化 选择符篇

2017年02月06日 23 阅读

本文就从选择符的角度简单探讨一下优化jQuery代码的问题。 Sizzle的运行机制 jQuery从1.3开始把根据选择符表达式查找元素的代码独立出来，也就是Sizzle引擎。当我们把一个选择符表达式（比如"#id"、".class"、":nth-child（2）"）传递给$（）函数时，Sizzle在内部会优先利用浏览器原生支持的DOM方法来查找元素，以求得最大的执行速度。以下就是Sizzle会优先选用的几个标准的原生方法（各个方法的用途不再赘述）： 复制...

jQuery代码优化 遍历篇

2017年02月06日 21 阅读

了解了jQuery对DOM进行遍历背后的工作机制，可以在编写代码时有意识地避免一些不必要的重复操作，从而提升代码的性能。本文就从jQuery的遍历机制入手简单探讨一下优化jQuery代码的问题。 jQuery对象栈 jQuery内部维护着一个jQuery对象栈。每个遍历方法都会找到一组新元素（一个jQuery对象），然后jQuery会把这组元素推入到栈中。而每个jQuery对象都有三个属性：context、selector和prevObject，其中的pr...

jQuery代码优化 事件委托篇

2017年02月06日 21 阅读

jQuery为绑定和委托事件提供了.bind（）、.live（）和.delegate（）方法。本文在讨论这几个方法内部实现的基础上，展示它们的优劣势及适用场合。 事件委托 事件委托的事例在现实当中比比皆是。比如，有三个同事预计会在周一收到快递。为签收快递，有两种办法：一是三个人在公司门口等快递；二是委托给前台MM代为签收。现实当中，我们大都采用委托的方案（公司也不会容忍那么多员工站在门口就为了等快递）。前台MM收到快递后，她会判断收件人是谁，然后按照收件人...

EasyUI中的tree用法介绍

2017年02月06日 23 阅读

真的是太忙了，本应该有好多东西可以写，但是没什么闲时间，每次想到写的时候，来点事就又给忘了。10月最后一天了，在忙也得把这篇文章写完，不然又得多一个空白月了。 这是之前带领成员开发一个小模块功能的时候，需要用到弹出窗口加载树状级联单位选择，最后决定用采用jQuery+EasyUI插件进行开发。但是在使用EasyUI中tree的插件时，碰到了不少麻烦。为了提供弹出树的显示速度，就采用异步加载数节点值，首先先加载根节点，然后根据点击的节点展开加载子节点。 ...

JS鼠标事件大全 推荐收藏

2017年02月06日 22 阅读

一般事件事件浏览器支持描述onClickHTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 鼠标点击事件，多用在某个对象控制的范围内的鼠标点击onDblClickHTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O鼠标双击事件onMouseDownHTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O鼠标上的按钮被按下了onMouseUpHTML: 2 ...

jquery键盘事件使用介绍

2017年02月06日 19 阅读

一、首先需要知道的是： 1、keydown（） keydown事件会在键盘按下时触发. 2、keyup（） keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件 3、keypress（） keypress事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键 二、获得键盘上对应的ascII码： 复制代码 代码如下: $（document）.keydown（function（event）{ console.log（event.keyCode）;...

分页栏的web标准实现

2017年02月06日 22 阅读

分页栏是网页上最常见不过的一个组件，本博文给出分页栏的一个web2.0标准示例，并作简要分析。本分页栏的界面效果如下图所示：本分页栏组件具有以下特性：1、不论当前页码是哪一个，分页栏始终显示第一页的页码和最后一页的页码（如上图所示）。这样，用户不仅可以从最后的页码知道总共有多少页，还能方便地在最后一页和第一页之间导航。2、使展现的页码个数（省略符也算一个）始终固定，比如固定为9个。如下面两个图所示，当前页码为1或9（或任意其他数字）时，展现的页码个数都为9...

jquery 笔记 事件

2017年02月06日 22 阅读

浏览器模型： 1、DOM第0级模型 事件处理程序通过吧函数实例的引用指派到DOM元素的属性而声明。这也是我们最常见的，如onclick等 复制代码 代码如下: <img onclick="alert（"hello"）;" src="1.jpg" /> $（"img"）.onmouseover = function（）{alert（"hello"）;} （1）、其中比较好玩的是Event实例和事件冒泡 Event实例是大多数浏览器把事件的类实例...

遍历jquery对象的代码分享

2017年02月06日 19 阅读

复制代码 代码如下: $（"dd"）.bind（"click",function（e）{ var $obj = $（e.target）; var i=0; for （var x in $obj）{ i++; var $hr=（i%5==0） ？ "<hr />" : " "; document.write（x+" "+$hr）; } }）; 遍历结果： 0 length prevObject context selector ---------...

40款非常棒的jQuery 插件和制作教程（系列二）

2017年02月06日 22 阅读

jQuery 以其插件众多、独特、轻量以及支持大规模的网站开发闻名。本文继续向大家分享实用的 jQuery 插件，可以根据您的项目需要来选择使用。《《前一篇：40款非常棒的 jQuery 插件和制作教程（系列一）》》Client Testimonials Powered by PHP, XML and jQuery（演示|下载）结合 jQuery 和 XML 制作的客户感言插件，吸引更多用户使用你的产品。Coding a Rotating Image Sl...

javascript学习基础笔记之DOM对象操作

2017年02月06日 21 阅读

DOM文档对象模型是HTML和XML的应用程序接口（API），DOM将整个页面规划成由节点层次构成的文档。DOM对象给予开发者对HTML的访问权限，并且使开发者能将HTML作为XML文档来处理和查看。DOM对象是与语言无关的API，意味着它的实现并不是与javascript绑定，这在于初学者来说可能会理解错误。DOM是针对XML的基于树的API，它关注的不仅仅是解析XML代码，而是用一系列相互关联的对象来表示这些代码，而这些对象可以被修改，而且无需重新解析...

关于URL中的特殊符号使用介绍

2017年02月06日 18 阅读

url即统一资源定位符，是通用资源标志符URI的一种。 由于有效的URI中不能包含某些字符，如空格等，如果不利用相应编码函数对URI进行编码（浏览器会对相应的URL进行处理），那么无法访问到有效的资源。 javascript的Global对象（javascript的内置对象）中有四个URI方法，分别是encodeURI和decodeURI，encodeURIComponent和decodeURIComponent，浏览器模型（BOM）提供了escape和u...