Welcome 微信登录

首页 / 脚本样式 / JavaScript

jQuery代码优化 选择符篇

jQuery代码优化 选择符篇

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

jQuery代码优化 遍历篇

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

jQuery代码优化 事件委托篇

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

EasyUI中的tree用法介绍

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

jquery键盘事件使用介绍

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

分页栏的web标准实现

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

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

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

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

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

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

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

在网站上应该用的30个jQuery插件整理

当然你现在可能不善于用,但我敢肯定你会发现他们在你未来的项目中使用!。 Nivo滑块 毫无疑问,这个插件是世界上最真棒jQuery的滑块图片,并配有超过15个过渡效果。Anything Slider 任何滑块从所有最通用的滑块。您可以添加绝对的东西,从视频到简单的文字和图像,这是真棒。幻灯片 幻灯片是,本着简约的jQuery幻灯片插件。挤满了一套有用的功能,以帮助新手和高级开发人员创造优雅和用户友好的幻灯片。jQuery的周期插件 jQuery的周期插件支...
给jqGrid数据行添加修改和删除操作链接(之一)

给jqGrid数据行添加修改和删除操作链接(之一)

我这里用的不是jqGrid的自带的编辑和删除操作,我已经把分页导航栏下的编辑,删除,搜索都取消掉了,就是这句$("#list1").navGrid("#pager1",{edit:false,del:false, search:false}), 然后在数据加载完成后,给每行添加了 修改和删除链接 jqGrid完成的事件是gridComplete:function(){}(可以理解为数据都准备好了), 因为从数据库获取到的json数据没有带修改和删除两项,所...
计算世界完全对称日的js代码,粗糙版

计算世界完全对称日的js代码,粗糙版

比如20111102 下午闲着无聊,写了一个,代码没有经过优化, 只是凭着一股子无聊劲写出来的。 如果有哪位仁兄有兴趣把代码优化一下,感谢不尽 经过计算在公元2000年到3000年,一共有36个符合条件的世界完全对称日。 见到园子里有的博客,可以在下面加“运行”,直接执行Html代码,不知道怎么整的,可有人告知一下 复制代码 代码如下: <!DOCTYPE HTML> <html> <head> <meta htt...
再说AutoComplete自动补全之实现原理

再说AutoComplete自动补全之实现原理

一.简述 昨天support一同事,帮她的客户做类似下面的效果(自动完成):以前在搜房的时候,弄过这个,调用楼盘字典:这是一个小功能,也是一个大功能。因为它可以做大,也可以做小。二.搜房的AutoComplete 比如上面我们看到搜房的这个就做大了,你要看到这样一个效果,其实搜房做了这么几件事: 1.数据库作业。把每天的楼盘字典存入XML,每个城市的对应一个XML.比如今天生成的bj_11_04.xml 2.业务逻辑层加上Memcached。用户访问的时候...
<< 1921 1922 1923 1924 1925 1926 1927 1928 1929 1930 >>