color_story - 博客园

jQuery源码分析系列：Deferred延迟队列

摘要： Deferred对象：一、什么是deferred对象？开发网站的过程中，我们经常遇到某些耗时很长的javascript操作。其中，既有异步的操作（比如ajax读取服务器数据），也有同步的操作（比如遍历一个大型数组），它们都不是立即能得到结果的。通常的做法是，为它们指定回调函数（callback）。即事先规定，一旦它们运行结束，应该调用哪些函数。但是，在回调函数方面，jQuery的功能非常弱。为了改变这一点，jQuery开发团队就设计了deferred对象。简单说，deferred对象就是jQuery的回调函数解决方案。在英语中，defer的意思是"延迟"，所以deferre 阅读全文

posted @ 2013-04-11 17:34 color_story 阅读(398) 评论(0) 推荐(0) 编辑

jQuery源码分析系列：样式表 jQuery.fn.css()

摘要： .css()的用法：jQuery.fn.css()有4种用法，第一种是读取样式属性值，其余三种是设置样式属性值： .css( propertyName ) 获取第一个元素的样式属性值，propertyName是CSS属性名 .css( propertyName, value ) 在匹配的元素集上设置一个CSS属性，value是要设置的属性值 .css( propertyName, function(index, value) ) 将函数返回值做为属性值设置 function(index, value) 返回要设置的属性值，函数的上下文this指向当前元素，接收两个参数：index是当前... 阅读全文

posted @ 2013-04-11 17:22 color_story 阅读(327) 评论(0) 推荐(0) 编辑

jQuery源码分析系列：DOM遍历方法

摘要： jQuery DOM遍历： childNodes:包含HTML元素文本。 children: 只包含HTML元素。 jQuery.fn.children(elem):只包含Elemnet jQuery.fn.contents(elem):只含Element Text Comment实现jQuery遍历的具体方法： 1 jQuery.each({ 2 parent:function(elem){//父元素 3 var parent = elem.parentNode; 4 return parent && parent.nodeT... 阅读全文

posted @ 2013-04-11 17:22 color_story 阅读(322) 评论(0) 推荐(0) 编辑

jQuery源码分析系列：事件模块概述

摘要： jQuery的事件模块是较复杂的，前面仅仅提到了对事件对象的包装。即统一了一些兼容性的问题。这篇会综述下jQuery的整个事件模块。后面会详细分析jQuery.event.add/jQuery.event.remove/jQuery.event.trigger。虽然事件模块代码很难读，但其提供的API接口还是很清晰的。如下1 添加事件(bind/one/live/delegate/hover/toggle)bind 基本的添加事件函数。one 添加只执行一次的事件函数。live 事件代理（使用document代理）。delegate 事件代理（使用指定元素代理）。hover 模拟css的hov 阅读全文

posted @ 2013-04-11 17:22 color_story 阅读(164) 评论(0) 推荐(0) 编辑

jQuery学习笔记

摘要：区分DOM对象和jQuery对象：DOM对象：可以通过getElementsByTagName或者getElementById获得元素节点，这样得到的DOM元素就是DOM对象。可以使用JavaScript方法：var domObj = document.getElementById("id");//获取DOM对象var objHTML = domObj.innerHTML;jQuery对象是通过jQuery包装DOM对象后的对象，这个对象可以调用jQuery的方法。$("#foo").html();//等价于document.getElementById 阅读全文

posted @ 2013-04-11 17:21 color_story 阅读(172) 评论(0) 推荐(0) 编辑

jQuery源码分析系列：AJAX

摘要： jQuery的实现表示很复杂，但是也能学到很多的东西。jQuery确实是一个挺好的轻量级的JS框架，能帮助我们快速的开发JS应用，并在一定程度上改变了我们写JavaScript代码的习惯。废话少说，直接进入正题，我们先来看一些简单的方法，这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法，当然，如果要处理复杂的逻辑，还是需要用到jQuery.ajax()的(这个后面会说到).1. load( url, [data], [callback] ) ：载入远程 HTML 文件代码并插入至 DOM 中。url (String) : 请求的HTML页的URL地址。data (Map) 阅读全文

posted @ 2013-04-11 17:21 color_story 阅读(678) 评论(0) 推荐(0) 编辑

jQuery源码分析系列：CSS-class样式

摘要： jQuery提供了4个操作class的方法：jQuery.fn.extend({ // ... // 为匹配的每个元素增加指定的class(es) addClass: function( value ) {}, // 从匹配的每个元素上，移除一个或多个或全部class removeClass: function( value ) {}, // 对匹配元素集中的每个元素增加或删除一个或多个class toggleClass: function( value, stateVal ) {}, // 检测匹配的元素是否指定了传入的class，只要有一个匹配就返回true hasClass: 阅读全文

posted @ 2013-04-11 17:21 color_story 阅读(170) 评论(0) 推荐(0) 编辑

JAVA学习笔记

摘要：内存：栈内存：数据使用完毕，会自动释放内存。堆内存：new出来的实体对象，都在堆内存中。垃圾回收机制。数组，对象。如：new int[3] 生成3个格子，[0] [1] [2]数组名存放在栈内存中，引用堆内存中数组。默认初始化值：默认 int:0 double:0.0 float:0.0f boolean:false.x = null; 引用数据类型用null，当实体类型在堆内存中没有引用，会启动垃圾回收机制，在堆内存中清除。ArrayIndexOutOfBoundsException：脚标不存在NULLPointerException:空指针异常打印数组： //打印数组 publ... 阅读全文

posted @ 2013-04-11 17:21 color_story 阅读(132) 评论(0) 推荐(0) 编辑

Jquery UI dialog 详解 (中文)

摘要： Jquery UI dialog 详解 (中文)1 属性1.11 autoOpen ，这个属性为true的时候dialog被调用的时候自动打开dialog窗口。当属性为false的时候，一开始隐藏窗口，直到.dialog("open")的时候才弹出dialog窗口。默认为：true。1.12 初始化例：请注意，$('.selector')是dialog 的类名，在本例中.selector=#dialoag,以后不再说明。 $('.selector').dialog({ autoOpen: false });1.13 初始化后，得到和设置此属性阅读全文

posted @ 2013-04-11 17:20 color_story 阅读(342) 评论(0) 推荐(0) 编辑

jquery UI dialog详解

摘要：直接代码： <!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery UI Dialog - Default functionality</title> <link rel="stylesheet" 阅读全文

posted @ 2013-01-11 16:32 color_story 阅读(466) 评论(0) 推荐(0) 编辑