Welcome 微信登录

首页 / 脚本样式 / JavaScript

jQuery源码中的chunker 正则过滤符分析

jQuery源码中的chunker 正则过滤符分析

复制代码 代码如下:var chunker = /((?:((?:([^()]+)|[^()]+)+)|[(?:[[^[]]*]|[""][^""]*[""]|[^[]""]+)+]|\.|[^ >+~,([\]+)+|[>+~])(s*,s*)?((?:.| | )*)/g, 这是Jq中最长的一个正则了,也研究了很久,一直很懵懂,感觉还是通过调试,然后一步一步的分析值理解起来比较容易, 我尝试做成图形比较直观一点,以不同的颜色区分了一下,如下...
javascript for循环从入门到偏门(效率优化+奇特用法)

javascript for循环从入门到偏门(效率优化+奇特用法)

一,for循环的基本写法 代码如下: 复制代码 代码如下: //例一for(var i=1;i<=10;i++) { alert(i); } 这段代码太简单了,我都不好意思拿出手。代码的执行结果是依次弹出1到10,PS:在早期的IE如IE6中,你把10改成10000,就能让用户一直点确定什么也不能干了哈哈——不要说是我出的主意。 由于这是一篇基础课程,所以我们回归正题来详细分析一下这段代码吧。 for循环的结构都是类似的,任意一个for循环都是这样...
javascript 兼容所有浏览器的DOM扩展功能

javascript 兼容所有浏览器的DOM扩展功能

今天周五,很闲,坐在电脑前没什么事可做,产品线的人也没提什么新的需求,可能下周会有新的需求和工作安排,但那是下周的事了。今天就想写点技术的东西,也就当作是记记笔记,本人水平有限,希望大家多多指教,嘴下留情,哈哈。 有时候我们会想扩展DOM元素的功能,可以添加一些自定义的方法,以让它用起来更加灵活、方便;先来举个例子:复制代码 代码如下:<!DOCTYPE html><html lang="zh"><head> <...
这些年、我收集的JQuery代码小结

这些年、我收集的JQuery代码小结

1. 如何创建嵌套的过滤器 复制代码 代码如下: //允许你减少集合中的匹配元素的过滤器, //只剩下那些与给定的选择器匹配的部分。在这种情况下, //查询删除了任何没(:not)有(:has) //包含class为“selected”(.selected)的子节点。 .filter(":not(:has(.selected))") 2. 如何重用元素搜索 复制代码 代码如下: var allItems = $("div.item"); var keep...
Javascript this 的一些学习总结

Javascript this 的一些学习总结

1.1.1 摘要 相信有C++、C#或Java等编程经验的各位,对于this关键字再熟悉不过了。由于Javascript是一种面向对象的编程语言,它和C++、C#或Java一样都包含this关键字,接下来我们将向大家介绍Javascript中的this关键字。 本文目录 全局代码中的this 函数中的this 引用类型 函数调用以及非引用类型 引用类型以及this的null值 函数作为构造器被调用时this的值 手动设置函数调用时this的值 1.1.2 ...
高性能Javascript笔记 数据的存储与访问性能优化

高性能Javascript笔记 数据的存储与访问性能优化

局部变量也就可以理解为在函数内部定义的变量,很明显访问局部变量要比域外的变量要快,因为它位于作用域链的第一个变量对象中(关于作用域链的介绍可以阅读这篇文章)。变量在作用域链的位置越深,访问所需要的时间就越长,全局变量总是最慢的,因为它们位于作用域链的最后一个变量对象。 每种数据类型的访问都需要付出点性能代价,对于直接量和局部变量基本都能消费得起,而访问数组项和对象成员则要代价高点。下图显示了不同浏览器,分别对这四种数据类型进行了200"000次操作所用的时...
jQuery.query.js 取参数的两点问题分析

jQuery.query.js 取参数的两点问题分析

1. 参数中存在空格时取到的值中空格被替换为加号:+ 2. 当参数某个key的value不存在时,获取到的value并不是空/null 而是true。 在网上找到了个解决方案,可以参考下(是否有其他副作用暂时未实验出) 1. 空格变加号+ 在jQuery.query.js文件中找到下面代码 复制代码 代码如下: toString: function() { var i = 0, queryString = [], chunks = [], self = t...
精心挑选的15款优秀jQuery 本特效插件和教程

精心挑选的15款优秀jQuery 本特效插件和教程

今天这篇文章向大家分享15款精心挑选的优秀 jQuery 文本特效插件,都带有详细的使用教程。jQuery 是最流行和使用最广泛的 JavaScript 框架,它简化了 HTML 文档遍历,事件处理,动画以及Ajax交互,帮助 Web 开发人员更快速的实现各种精美的界面效果。01. 滑动的字符 在线演示 下载源码02. 鼠标悬停变换效果 在线演示 下载源码03. 旋转的文本 在线演示 下载源码04. 滚动变换的文本 在线演示 下载源码05. 精致的倒计时效...
jquery 插件学习(一)

jquery 插件学习(一)

言归正传拉,开始跟我学习吧:); 1.jquery自定义了 jQuery.extend()和jQuery.fn.extend()方法,其中,jQuery.extend()方法能够创建全局函数或者选择器,而jQuery.fn.extend()能够创建jQuery对象方法。在这里啰嗦讲下:这2个方法,都包含一个参数,改参数仅接受名/值对结构的对象,其中名表示函数或方法名,而值表示函数体。 复制代码 代码如下: jQuery.extend({ minValue ...
jquery 插件学习(二)

jquery 插件学习(二)

创建全局函数只需通过为jquery对象添加属性即可,而创建jquery对象的方法也可以通过为jquery.fn添加属性来实现,实际上jquery.fn对象就是jquery.prototype原型对象的别名,使用别名更方便引用。 demo: 复制代码 代码如下: jQuery.fn.test = function(){ alert("这是 jquery 对象方法 "); } 然后,就可以在任何jquery对象中调用该方法了。 复制代码 代码如下: $(fu...
jquery 插件学习(三)

jquery 插件学习(三)

例如: 复制代码 代码如下: $(this).test().hide().height(); 要实现类似的连写行为,就应该在每个插件方法中,返回一个jquery对象,除非方法需要明确返回值。返回的jquery对象通常就是this所引用的对象。如果使用each()方法迭代this,则可以直接返回迭代的结果。针对上一节的示例,进一步修改 复制代码 代码如下: jQuery.fn.test = function(){ return this.each(func...
jquery 插件学习(五)

jquery 插件学习(五)

这节封装插件了,进展怎么样呢? 一般对外发布的插件都应该进行封装,封装的插件还应该符合规范,只有这样写的插件才具有推广价值,并得到其他用户的喜爱。 首先第一步,是定义一个独立域,代码如下所示。 复制代码 代码如下: (function($){ //自定义插件代码 })(jQuery) //封装插件 确定创建插件类型,选择创建方式,例如,创建一个设置元素字体颜色的插件,则应该创建jquery对象方法,考虑到jquery提供了插件扩展方法extend(),调...
<< 571 572 573 574 575 576 577 578 579 580 >>