摘要：
本文绝大部分来自于http://www.oncoding.cn/2010/javascript-unit-testing-qunit/，由于最新版的QUNIT更改了API接口，本文稍作修改。QUnit是jQuery团队开发的JavaScript单元测试工具，使用方便，界面美观。什么是单元测试？单元测试又称为模块测试，是针对程序模块(软件设计的最小单位)来进行正确性检验的测试工作。单元测试主要是用来检验程式的内部逻辑，也称为个体测试、结构测试或逻辑驱动测试。通常由撰写程式码的程式设计师负责进行。通常来说，程式設計師每修改一次程式就會進行最少一次單元測試，在編寫程式的過程中前後很可能要進行多次單元 阅读全文
随笔分类 - Jquery
jQuery DOMready 页面加载事件 研究
2013-01-13 22:42 by VVG, 1486 阅读, 收藏, 编辑
摘要：
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, 2423 阅读, 收藏, 编辑
摘要：
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, 1903 阅读, 收藏, 编辑
摘要：
var chunker = /((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^[\]]*\]|['"][^'"]*['"]|[^[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,这是Jq中最长的一个正则了，也研究了很久，一直很懵懂，感觉还是通过调试，然后一步一步的分析值理解起来比较容易，我尝试做成图形比较直观一点，以不同的颜色区分了一下，如下图：分组一是通过以下代码逐一拆分成一个数组的： // 此处 阅读全文
JavaScript 缓动焦点图实现的几种写法 封装 + 函数式 + JQuery
2012-03-28 11:58 by VVG, 2475 阅读, 收藏, 编辑
摘要：
焦点图原生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, 9057 阅读, 收藏, 编辑
摘要：
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 阅读全文