代码改变世界

随笔分类 - Jquery

JavaScript单元测试工具使用—QUnit

2013-01-17 22:16 by VVG, 1813 阅读, 收藏, 编辑
摘要:本文绝大部分来自于http://www.oncoding.cn/2010/javascript-unit-testing-qunit/,由于最新版的QUNIT更改了API接口,本文稍作修改。QUnit是jQuery团队开发的JavaScript单元测试工具,使用方便,界面美观。什么是单元测试?单元测试又称为模块测试,是针对程序模块(软件设计的最小单位)来进行正确性检验的测试工作。单元测试主要是用来检验程式的内部逻辑,也称为个体测试、结构测试或逻辑驱动测试。通常由撰写程式码的程式设计师负责进行。通常来说,程式設計師每修改一次程式就會進行最少一次單元測試,在編寫程式的過程中前後很可能要進行多次單元 阅读全文

jQuery DOMready 页面加载事件 研究

2013-01-13 22:42 by VVG, 1319 阅读, 收藏, 编辑
摘要:jQuery中的ready事件原型,在这里提取出来便于理解,代码+注释 如下: // 事件队列 var EventQueue = null; // 是否已经执行过了,只执行一次 var isFire = false; //添加ready事件 function addReadyEvent(fn){ if(!EventQueue) EventQueue = []; if(document.readyState == 'complete'){ fn(); }else{ Event... 阅读全文

jQuery源码分析:jQuery对象属性设置(attr、access、$.attr)源代码分析

2012-11-02 16:04 by VVG, 2121 阅读, 收藏, 编辑
摘要:jQuery中设置对象属性有以下几种:1、获取属性attr(name) $("img").attr("src"); 2、设置属性attr(name,value)$("img").attr("src","test.jpg");3、批量设置属性attr(properties)$("img").attr({ src: "test.jpg", alt: "Test Image" });4、为所有匹配的元素设置一个计算的属性值,由这个函数计算的值 阅读全文

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

2012-07-31 16:50 by VVG, 1629 阅读, 收藏, 编辑
摘要:var chunker = /((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^[\]]*\]|['"][^'"]*['"]|[^[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,这是Jq中最长的一个正则了,也研究了很久,一直很懵懂,感觉还是通过调试,然后一步一步的分析值理解起来比较容易,我尝试做成图形比较直观一点,以不同的颜色区分了一下,如下图:分组一是通过以下代码逐一拆分成一个数组的: // 此处 阅读全文

JavaScript 缓动焦点图实现的几种写法 封装 + 函数式 + JQuery

2012-03-28 11:58 by VVG, 2106 阅读, 收藏, 编辑
摘要:焦点图原生JavaScript封装:调用方式:<script type="text/javascript"> vvg.slider.init('focus_pic'/**包裹图片的UL的ID**/, { v:1,//1表示垂直上下移动幻灯片 0表示左右移动幻灯片 height:180,//幻灯片高度 width:530,//幻灯片宽度 btnId:"fo... 阅读全文

JavaScript Tag标签切换实现的几种方法 原生js + jquery

2012-03-28 11:51 by VVG, 8288 阅读, 收藏, 编辑
摘要:Tab标签切换 效果图:HTML部分:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; chars 阅读全文