一、jQuery种的队列模块 jQuery的队列模块主要是为动画模块EFFECTS提供支持，单独抽取出一个命名空间是为了使程序员可以自定义自己的队列。 具体API的调用方法可以参考这篇博客http://snandy.iteye.com/blog/1978428二、队列模块的代码结构低级方法jQuery下有queue,dequeue,_queueHooks这三种方法；低级方法不建议直接在外部调用；高级方法有.queue,.dequeue,.clearQueue,.delay,.promise三、实现代码更多的注意点，思路请参...
通过jquery可以很容易实现CP端的拖拽。但是在移动端却不好用了。于是我自己写了一个在移动端的拖拽demo，主要用到的事件是触摸事件（touchstart，touchmove和touchend）。这个demo实现的功能是：可以拖拽的元素（在这里是图片）位于列表中，这些元素可以被拖到指定区域，到达指定区域（控制台）后，元素被插入控制台后，原来的拖动元素返回原位置，新的元素依然可以在控制台中拖动，也能拖出控制台。在这个demo中一个用三个模块，分...
什么Deferred 根据jQuery的官方api文档的描述: jQuery.Deferred()是可链式调用的工具对象, 它能够注册回调函数到一个队列中, 依次调用该队列中的回调函数,并且能够将调链中上一个函数(同步或者异步)的返回状态传递到下一个回调函数中. jQuery.Deferred()背后的设计理念来自CommonJS Promises/A , jQuery.Deferred()基于这个理念实现，但并没有完全遵循其设计。其它语言或者框架，例如python和dojo中都有类似的实现。 下面简单介绍一...
由于js的代码逻辑越来越重，一个js文件可能会有上千行，十分不利于开发与维护。最近正在把逻辑很重的js拆分成模块，在一顿纠结是使用requirejs还是seajs的时候，最终还是偏向于requirejs。毕竟官方文档比较专业嘛... 不过即便是有完整的官方文档，仍然遇到不少的问题，比如jquery-ui的使用。 下面就循序渐进的讲解一下我遇到的问题，以及解决的办法。关于AMD和CMD的理解AMD（异步模块定义）的典型就是requirejs，而CMD（通用模块定...
由于js的代码逻辑越来越重，一个js文件可能会有上千行，十分不利于开发与维护。最近正在把逻辑很重的js拆分成模块，在一顿纠结是使用requirejs还是seajs的时候，最终还是偏向于requirejs。毕竟官方文档比较专业嘛... 不过即便是有完整的官方文档，仍然遇到不少的问题，比如jquery-ui的使用。 下面就循序渐进的讲解一下我遇到的问题，以及解决的办法。 关于AMD和CMD的理解 AMD（异步模块定义）的典型就是requirejs，而CMD（通用模块...
从需求上来说，这个功能需要实时调用最新的微博数据，单就前端开发来说，其需求可以拆分如下： 1 内容持续滚动； 2 新微博将下面的微博先推下去，然后淡入进来； 3 鼠标经过内容暂停滚动； 4 容器底部渐变消失在背景色下。 上述4个需求之中，需求1-3为js技术实现，需求4为css技术实现，下面逐个需求来讲。 需求1和需求2：内容持续滚动的需求有些类似前一篇文章《小模块：公告滚动并暂停》中介绍的功能，在那篇文章中，此功能使用cs...
后面会详细分析jQuery.event.add/jQuery.event.remove/jQuery.event.trigger。 虽然事件模块代码很难读，但其提供的API接口还是很清晰的。如下 1 添加事件(bind/one/live/delegate/hover/toggle) bind 基本的添加事件函数。 one 添加只执行一次的事件函数。 live 事件代理（使用document代理）。 delegate 事件代理（使用指定元素代理）。 hover 模拟css的hover。 toggle 显示/隐藏。 bind/one/live 都是使用内部的jQuery.event.ad...
jQuery在1.5引入了Deferred对象（异步列队），当时它还没有划分为一个模块，放到核心模块中。直到1.52才分割出来。它拥有三个方法:_Deferred， Deferred与when。 出于变量在不同作用域的共用，jQuery实现异步列队时不使用面向对象方式，它把_Deferred当作一个工厂方法，返回一个不透明的函数列队。之所以说不透明，是因为它的状态与元素都以闭包手段保护起来，只能通过列队对象提供的方法进行操作。这几个方法分别是done(添加函数)...
当一个页面内容很长的时候，侧边栏栏目可能显得太短，当窗口滑动到靠下的位置，则侧边即失去了展示内容的机会。很多新闻资讯类网站如新浪、网易、CSDN等，会在边栏的右下角以固定的小弹窗形式，以提供更多的内容展示方式，但这并不适合博客和web2.0风格的网站。 现在很多的独立博客和网站如人人网等，都使用了让侧边栏模块随滚动条滑动而位置固定的效果。就是当一个页面很长的时候，设定侧栏内容会跟随滚动条，这种效果适用于评论较...
注：本文使用的seajs版本是2.1.1一、把Jquery封装成seajs的模块 代码如下:define(function () {//这里放置jquery代码 把你喜欢的jquery版本放进来就好了 return $.noConflict();}); 调用方法：这样引进就可以像以前一样使用jquery 代码如下:define(function (require, exports, module) { var $ = require(./js/jquery); // $(document).ready(function () { // $("tr").wyhinterlaced({ "odd": "red", "even": "blue" ...
AMD 模块 AMD（异步模块定义，Asynchronous Module Definition）格式总体的目标是为现在的开发者提供一个可用的模块化 JavaScript 的解决方案。 AMD 模块格式本身是一个关于如何定义模块的提案，在这种定义下模块和依赖项都能够异步地进行加载。它有很多独特的优势，包括天生的异步及高度灵活等特性，这些特性能够解除常见的代码与模块标识间的那种紧密耦合。目前它已经被很多项目所接纳，包括jQuery（1.7）。 RequireJSRequireJS是...
本文实例讲述了jquery使用slideDown实现模块缓慢拉出效果的方法。分享给大家供大家参考。具体分析如下： 下面的JS代码通过按钮控制指定的区域缓慢拉出显示的效果$(document).ready(function(){$("#flip").click(function(){$("#panel").slideDown("slow");}); });#panel,#flip { padding:5px; text-align:center; background-color:#e5eecc; border:solid 1px #c3c3c3; } #panel { padding:50px; display:none; }Click to slide do...
前言在使用webpack作为构建工具，开发 vue项目的时候，难免会用到 jquery这种第三方插件（毕竟都是从用jquery过来的），那么怎么引用呢？接下来我来说三种方法。 1 html 模板文件引用法，这种方法最直接也是我们最熟悉，直接在项目中的网页模板文件中加入jquery的引用即可 a.引用b.使用2 expose-loader 引用法 a. 安装jquery npm i jquery -Db. main.js中引用 jquery import Vue from vue import App from ./App import router fro...
require 模块化开发问题，正常自己写的模块 是exports 导出一个模块 //模块化引入jquery 不同和问题require 引入jquery swiper .... 插件和库的时候需要require.config({baseUrl:"js/libs", //文件夹目录相对与html的位置paths:{jquery:"jquery-1.9.1" //插件或库的文件名swiper:"文件名/swiper" //当每个插件和库不在同一文件夹下时 这里也可以进行更改} })define([angular,swiper],function($){ //中括号中写上边你保存的插件和库...
在没给大家分享实现代码之前，先给大家展示下效果图：具体实现代码如下所示： index.html <!DOCTYPE html> <html> <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>iNettuts - Welcome!</title><link href="inettuts.css" rel="stylesheet" type="text/css" /> </head> <body><div id="head"><h1>iNettuts</h1></div><div id="columns"><ul id="column1" class="column"><li class="widget co...