摘要： 前言：上一篇详细的介绍了jQuery.validator( 版本v1.13.0 )的验证规则，这一篇重点讲述它的源码结构，及如何来对元素进行验证，错误消息提示的内部实现一、插件结构(组织方式)在讲述如何对元素进行验证前有必要了解它的代码组织方式，请看代码(部分省略)var plugFn = func... 阅读全文

摘要： 前言：jQuery.validator是一款非常不错的表单验证插件，验证方式非常简单方便，它还对HTML5做了兼容处理，了解了验证规则，就基本掌握了它的使用，下面就让我一一道来 jQuery.validator 验证规则一、在元素的class属性中添加需要验证的规则，多个规则以空格隔开邮箱：requ... 阅读全文

摘要： 前言：貌似以前自己也写过图片懒加载插件，但是新公司使用的是jQuery.lazyload插件，为了更好的运用，自己还是把源码看了遍，分别记录了如何使用，插件原理，各个配置属性的完整解释，demo实例，源码分析(较简短)，源码分析可以配合使用，配置属性，原理进行阅读，如需转载，请注明出处博客园 华子y... 阅读全文

摘要： 前言：最近离职了，工作快三年了，第二次离职，两次离职都带着沉重的心态，或许还有点依依不舍，或许。。。说多了都是泪，哈哈；这个时间点工作也不好找，投了很多家公司，发现90%的公司在招移动端人才；面试了近十家公司，有移动端、互联网电商、金融证券、医疗、广告、还有创业型公司，接下来讲的主要是一些面试题。面... 阅读全文

摘要： 一、前言：上一篇随笔中已经把拖动程序完成了，这篇主要把缩放程序完成，后面合并后可以做成一个图片裁剪的功能 简易缩放程序DEMO：http://jsfiddle.net/UN99R/ 限制缩放程序DEMO：http://jsfiddle.net/kHWQZ/ 二、设计思路：1、在一个可以缩放元素中，共有8个触发点(上、下、左、右、左上、右上、左下、右下)，首先分别设置好它们的CSS属性cursor值。 2、同拖放程序一样，在触发点上绑定鼠标按下事件，在文档(document)上绑定鼠标移动、弹起事件处理程序，在移动事件中，完成拖放元素css的操作， ... 阅读全文

摘要： 一、前言最开始实现鼠标拖动元素的目的就是在一个页面上拖动很多小圆点，用于固定定位，然后在复制HTML，粘贴在页面的开发代码中，就是这么一个功能，实现了很多遍，都没有做好，不得已采用了jQuery.fn.draggable插件，在接触一些资料和别人的思路，今天终于把这个拖动功能给完善了，下面就来看看它的实现DEMO1：http://jsfiddle.net/Jj9qA/4/DEMO2:http://jsfiddle.net/gUYdg/1/二、设计思路在拖动元素上绑定鼠标按下事件，在文档对象中绑定鼠标移动，鼠标弹起事件；为什么不把三个事件都绑定在拖动元素上，这是因为鼠标移动太快时，鼠标移动和弹起 阅读全文

摘要： 前言：前一篇文章中重点总结了一下then方法，它主要用来处理多个异步任务按顺序执行，即前一个任务处理完了，再继续下一个，以此类推；而这一章节jQuery.when方法也是处理多个异步任务，它把多个异步任务(Promise对象)合并为一个Promise对象，这个合并后的Promise对象到底是如何来更新它的状态，即何时执行，拒绝？让我们继续往下看吧！jQuery回调、递延对象总结篇索引：jQuery回调、递延对象总结（上篇）—— jQuery.Callbacks jQuery回调、递延对象总结（中篇) —— 神奇的then方法 jQuery回调、递延对象总结（下篇) —— 解密jQuery.wh 阅读全文

摘要： 前言：什么叫做递延对象，生成一个递延对象只需调用jQuery.Deferred函数，deferred这个单词译为延期，推迟，即延迟的意思，那么在jQuery中又是如何表达延迟的呢，从递延对象中的then方法或许能找到这种延迟的行为，本文重点解读递延对象中的then方法jQuery回调、递延对象总结篇索引：jQuery回调、递延对象总结（上篇）—— jQuery.CallbacksjQuery回调、递延对象总结（中篇) —— 神奇的then方法jQuery回调、递延对象总结（下篇) —— 解密jQuery.when方法设计思路：在递延对象构造中，分别有三组回调对象，每一组回调对象都有与之对应的行 阅读全文

摘要： 前言：作为参数传递给另一个函数执行的函数我们称为回调函数，那么该回调又是否是异步的呢，何谓异步，如：作为事件处理器，或作为参数传递给(setTimeout，setInterval)这样的异步函数，或作为ajax发送请求，应用于请求各种状态的处理，我们可以称为异步回调，jQuery.Callbacks为我们封装了一个回调对象模块，我们先来看一个应用场景：// 为什么jQuery中的ready事件可以执行多个回调，这得益于我们的jQuery.Deferred递延对象(是基于jQuery.Callbacks回调模块)jQuery(function($) { console.log('docu 阅读全文

摘要： 一、前言前言：最近圣诞节来临，需要在页面上应用一个雪花飘落的效果，做之前产品经理给了我网络上的一个demo，地址是http://demo.lanrenzhijia.com/demo/1225/sd/，预览了一下，效果不错，但是性能可以再优化，源码中使用setInterval重复定时器，dom在不停地插入移除，这里主要优化这两个地方，使用setTimeout替换setInterval，减少页面dom的重排，其他地方可以自己调整。二、应用实例demo/** * component: jQuery.snowflake 2013/12/19 华子yjh * invoking: jQuery.snowf 阅读全文