摘要： loaders 定义 先了解一下webpack，webpack是一个用于针对js文件的构建工具，在被构建的js文件中，我们可以使用require语句和webpack loader，如下： css代码中的 @import与url()类似js的require()请求资源文件，css-loader 将会对 阅读全文

摘要： 一、建立简单的项目目录 1、创建 manager 根目录(作为项目根目录)2、执行 npm init，在根目录manager下自动生成 package.json文件3、npm install webpack --save-dev，在项目中安装 webpack npm包4、在根目录下 创建 webpa 阅读全文

摘要： 闲聊：新年第一天上班，看着自己15年年底写的代码，真心觉得很烂，因为年底没时间去写，一想着做后台管理需要获取一周的开始和结束日期，就慌了，项目赶着测试呢，还有好多事情未做，就直接抄袭了网上的一段错误代码，其实真的很简单，今天重新花点时间封装一下，以备后用，大神勿喷，谢谢！ 一、封装为jQuery版日 阅读全文

摘要： 目的：select下拉框条目太多(上百)，当用户选择具体项时会浪费用户很多时间去寻找，因此需要一个搜索框让用户输入关键字来匹配列表，便于用户选择示例图：1、html结构 [{"id": "1", "name": "1嘉实多级护全合成油SN级5W-30"}, {"id": "11... 阅读全文

摘要： 1、下载地址：http://www.sublimetext.com/3 请根据你的平台，选择适当的安装版本 安装完毕后，设定TAB键为4个空格( Preferences——>Setings-User )： 2、安装插件管理器(Package Control) 依次点击菜单栏上的view(查看)——> 阅读全文

摘要： 目的：记录 Zepto.js touch模块 源码阅读源码：// Zepto.js// (c) 2010-2015 Thomas Fuchs// Zepto.js may be freely distributed under the MIT license.;(functi... 阅读全文

摘要： 2014年下半年学习备注1、jQuery 中文APIhttp://jquery.cuishifeng.cn/2、Zepto 中文APIhttp://www.css88.com/doc/zeptojs_api/https://github.com/madrobby/zepto3、git 学习教程htt... 阅读全文

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

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

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

摘要： 前言：前一篇文章中重点总结了一下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 阅读全文

摘要： 一、前言当一个页面中请求的图片过多，而且图片太大，页面访问的速度是非常慢的，对用户的体验非常不友好；使用图片懒加载，可以减轻服务器的压力，增加页面的访问量，这里主要是总结一下我自己写的图片懒加载组件jQuery.imgLazyLoad；使用该组件应在img标签中设置一个imglazyload-src属性，存放图片地址。二、应用实例demo/** * component: imgLazyLoad 2013/12/12 华子yjh * invoking: jQuery.imgLazyLoad(options) * // 配置对象 options = { container... 阅读全文

摘要： 前言:如果你对jQuery.Callback回调对象不了解，或者只掌握其方法，但是没有通过阅读源码理解，可以先阅读前一章jQuery.Callbacks源码解读二，因为只有完全理解jQuery.Callback源码，才能真正的理解并掌握jQuery.Deferred递延对象。源码：// jQuery 1.10.2jQuery.extend({ Deferred: function( func ) { /* tuples包含三个数组 三个数组前三项分别代表jQuery回调对象中的 fire, add, jQuery.Callback... 阅读全文

摘要： 一、参数标记/* * once: 确保回调列表仅只fire一次 * unique: 在执行add操作中，确保回调列表中不存在重复的回调 * stopOnFalse: 当执行回调返回值为false，则终止回调队列的执行 * momery: 记录上一次fire时的参数，并在add中传递给fire和执行fire，执行时firingIndex为上一次fire时的firingLength */二、源码解读分析var optionsCache = {}, // Used for splitting on whitespace core_rnotwhite = /\S+/g;// Convert... 阅读全文

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

摘要： 一、原型模式结构1 // 定义一个jQuery构造函数2 var jQuery = function() {3 4 };5 6 // 扩展jQuery原型 7 jQuery.prototype = {8 9 };上面是一个原型模式结构，一个jQuery构造函数和jQuery实例化对象的的原型对象，我们一般是这样使用的：1 var jq = new jQuery(); //变量jq通过new关键字实例化jQuery构造函数后就可以使用原型对象中的方法，但是jQuery并不是这么使用的二、返回选择器实例 1 var jQuery = function() { 2 3 // 返回选... 阅读全文