摘要： 需求示例：一、插件API1、插件使用$.slide( container, contentCls, triggerCls [,config] );2、必选参数container: selector, // 外围盒子选择器contentCls: selector, // 内容面板父容器ClassNametriggerCls: selector, // 触发器父容器ClassName3、config配置可选参数，例 :{ autoplay: true, // 是否自动轮播，默认false delay: 4000, // 自动轮播延迟时间，默认4000，单位毫秒 interval: 4000,... 阅读全文

摘要： 序言：最近在学习jQuery.Callbacks对象，看jQuery.Callbacks的API文档，不是很懂，因此看看其源码部分，理解其使用方法，记录下自己在阅读源码时的记录并分享给大家。有理解不透的地方望同仁指点，代码来源：jQuery 1.9.1版本。作者：华子yjh，欢迎转载，转载时请注明出处并附上原文链接。一、源码解读/* * Create a callback list using the following parameters: * * options: an optional list of space-separated options that will chang... 阅读全文

摘要： 序言：倒计时应用于各网站页面，普遍存在，用过别人写的库(复杂)组件，也怕自己写的不好，今天又遇到一个倒计时的需求，因此打算自己写一遍。作者：华子yjh一、组件API1、组件调用方式countDown(targetTime, callback(d, h, m, s)); // 组件调用方式2、参数(Params)说明targetTime: // 用户设置倒计时的目标时间callback(d, h, m, s): // 回调函数，其参数分别为倒计时间中的天、小时、分钟、秒值二、使用案例1、HTML结构2、JavaScript代码var targetTime = '2013/03/15 18 阅读全文

摘要： 前言：很久没有写js代码了，为了提升自己对js的认识，编写高质量的js代码，最近在看JavaScript模式一书，结合自己的理解总结一些知识点。作者：华子yjh一、深入理解JavaScript中的函数1、函数是(一等)对象函数可以通过内置构造函数来创建：var fn1 = function(){}var fn2 = new function(){};// 在以上两行代码中，第二行代码更能体现出函数是一个对象.函数可以拥有属性var fn = function(){}fn.NUM = 100;console.log(fn.NUM); // 100// 上面代码中，fn增加了一个NUM的属性，而只 阅读全文

摘要： 一、浏览器默认处理文本换行现在的浏览器对文本的换行处理还是比较合理的，当文字超过容器宽度时会自动换行，那么它是怎么自动换行的呢？即：当一行的末尾容纳不下下一个文字或单词时，就会自动换行，英文单词不会被截断，相当于一段默认的css:{ word-wrap: normal; /*浏览器对文本默认的自动换行处理*/}如图：浏览器自动换行文本二、break-word属性值当然在网页排版中也会遇到一些特殊情况，例如：某个单词(某品牌的英文名称)够长，而容器宽度较小以至于容纳不下，那么单词就会溢出容器，你可能就会想到下面一段css代码：{ word-wrap: break-word; /*对溢... 阅读全文

摘要： 一、IE浏览器模式Hack标识1、css hack标识ie6 { _property: value; }ie7 { +property: value; }ie9 { property: value\9\0; }lte ie7 { *property: value; }gte ie8 { property: value\0; }all ie { property: value\9; }/*注：除非万不得已，否则不推荐使用hack，使用hack标识必须测试各浏览器(包括新出的ie浏览器)*/2、IE浏览器环境Hack标识所有IE浏览器<!--[if IE]><script> 阅读全文

摘要： 一、jQuery.roll 插件使用说明jQuery.roll 是模拟百度新闻不间断滚动效果，并支持文字、图片水平垂直滚动，该函数使用方法为：/* * @作者 华子yjh http://www.cnblogs.com/yangjunhua/ * @source 博客园 * @module jQuery roll * @param: contentCls 内容容器className * @param: contentParentId 内容容器父元素节点ID * @param: configs 配置参数 * * @config: effect 滚动效果 * @config: duration 滚. 阅读全文

摘要： 一、源码思路分析总结[ 作者：华子yjh ]概要：jQuery的核心思想可以简单概括为“查询和操作dom”，今天主要是分析一下jQuery.prototype.init选择器构造函数，处理选择器函数中的参数；这个函数的参数就是jQuery()===$()执行函数中的参数，可以先看我之前写的浅析jQuery基础框架一文，了解基础框架后，再看此文。思路分析:以下是几种jQuery的使用情况(用于查询dom)，每种情况都返回一个选择器实例(习惯称jQuery对象(一个nodeList对象)，该对象包含查询的dom节点)：1、处理 $(""), $(null), $(undefin 阅读全文

摘要： 一、jQuery.buildFragment使用方法1、参数jQuery.buildFragment( args, context, scripts );2、返回值return { fragment: fragment, cacheable: cacheable };二、思路分析1、处理context参数根据传入到context参数值的不同，确保context为文档根节点document 2、限制可缓存条件2.1、字符串小于512字节2.2、字符串不存在option标签(克隆option标签会丢失选中状态,因此不缓存)2.3、字符串不存在<object>,<embed> 阅读全文

摘要： 一、jQuery.clean使用方法jQuery.clean( elems, context, fragment, scripts );二、思路分析1、处理参数context，确保其为文档根节点document2、处理参数elems数组(循环遍历数组) 2.1、elem为数字，转换为字符串 2.2、elem为非法值，跳出本次循环 2.3、elem为字符串 2.4、字符串不存在实体编号或html标签，则创建文本节点 2.5、字符串为实体编号或html标签1 创建一个div元素并插入到文档碎片中2 处理xhtml风格标签3 将elem包裹起来，并将包裹后的字符串作为div的innerHT... 阅读全文