随笔分类 -  JavaScript

1 2 下一页

jQuery源码分析系列:属性操作
摘要:属性操作 1.6.1相对1.5.x最大的改进,莫过于对属性.attr()的重写了。在1.6.1中,将.attr()一分为二: .attr()、.prop(),这是一个令人困惑的变更,也是一个破坏性的升级,会直接影响到无数的网站和项目升级到1.6。 简单的说,.attr()是通过setAttribut 阅读全文

posted @ 2014-06-22 15:03 color_story 阅读(182) 评论(0) 推荐(0)

jQuery源码分析系列:.domManip() .buildFragment() .clean()
摘要:.domManip(args,table,callback):是jQuery DOM操作的核心函数,可以扩展出如下方法: append/appendTo: prepend/prependTo: before/insertBefore: after/insertAfter: 1.转换HTML为DOM元 阅读全文

posted @ 2014-06-22 15:03 color_story 阅读(242) 评论(0) 推荐(0)

javascript基础知识系列:DOM学习
摘要:访问节点:短距离的旅行: parentNode:获得父节点。 firstChild:获得第一个子节点。 lastChild:获得子节点的最后一个。访问节点的文本: var x=[a.paragraph]; var text = x.firstChild.ndoeValue;parentNo... 阅读全文

posted @ 2014-06-22 15:03 color_story 阅读(155) 评论(0) 推荐(0)

JavaScript 设计模式系列 : 代理模式
摘要:代理模式:最基本的形式是对访问进行控制。代理对象和另一个对象实现的是同样的接口。实现是在本体做,代理对象只是负责执行所分派的任务的那个对象或类。代理主要做的就是控制对本体的访问,代理对象并不会在另一对象的基础上添加方法或修改方法,也不会简化接口。所有对代理对象的方法进行调用最后都会传递给本体。 阅读全文

posted @ 2014-06-22 15:03 color_story 阅读(108) 评论(0) 推荐(0)

javascript疑难习题
摘要:题目1var length = 10;function fn(){ console.log(this.length);};var obj = { length: 5, method: function(fn) { fn(); // ? arguments... 阅读全文

posted @ 2014-06-22 14:58 color_story 阅读(248) 评论(0) 推荐(0)

JavaScript 设计模式系列:基础知识
摘要:基础知识 约定:在JavaScript业界,如果变量和方法是使用下划线,则表示该变量和方法是私有方法,只允许内部调用,第三方不应该去调用。 1>>双重“非”操作返回的是布尔型的数据: var bool = !!num; 2>>函数是一等对象: 1:匿名函数 1 functi... 阅读全文

posted @ 2014-06-22 14:56 color_story 阅读(201) 评论(0) 推荐(0)

jQuery选择器汇总
摘要:jQuery 的选择器: $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素,返回div元素数组 $(".myClass") 选择使用myClass类的c 阅读全文

posted @ 2013-04-23 15:29 color_story 阅读(147) 评论(0) 推荐(0)

jQuery源码分析系列:队列操作
摘要:Queue队列: 队列是一种特殊的线性表,只允许在表的前端(队头)进行删除操作(出队),在表的后端(队尾)进行插入操作(入队)。队列的特点是先进先出(FIFO-first in first out),即最先插入的元素最先被删除。 jQuery提供了jQuery.queue/dequeue和jQuer 阅读全文

posted @ 2013-04-23 15:29 color_story 阅读(396) 评论(0) 推荐(0)

jQuery源码分析系列:数据缓存
摘要:很多同学在项目中都喜欢将数据存储在HTMLElement属性上,如 1 2 <div data="some data">Test</div> 3 <script> 4 div.getAttribute('data'); // some data 5 </script> 给页面中div添加了自定义属性 阅读全文

posted @ 2013-04-23 15:28 color_story 阅读(204) 评论(0) 推荐(0)

jQuery源码分析系列:事件
摘要:jQuery 事件处理: 首先绑定事件最终的操作时: 1.addEventListener的使用方式: 1 target.addEventListener(type, listener, useCapture); target: 文档节点、document、window 或 XMLHttpReque 阅读全文

posted @ 2013-04-23 15:28 color_story 阅读(458) 评论(0) 推荐(0)

jQuery源码分析系列:总体架构
摘要:jQuery源码分析主要参考nuysoft的博客,主要用于个人的学习记录与总结。 jQuery源码总体架构:从总体上面来看jQuery的所有代码都被包含在这样一个自调用的匿名函数中。 (function(window,undefined){ //代码 })(window); 分析: 1.这样的一个自 阅读全文

posted @ 2013-04-11 17:35 color_story 阅读(208) 评论(0) 推荐(0)

jQuery源码分析系列:Deferred延迟队列
摘要:Deferred对象: 一、什么是deferred对象? 开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。其中,既有异步的操作(比如ajax读取服务器数据),也有同步的操作(比如遍历一个大型数组),它们都不是立即能得到结果的。 通常的做法是,为它们指定回调函数(callback 阅读全文

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

jQuery源码分析系列:事件模块概述
摘要:jQuery的事件模块是较复杂的,前面仅仅提到了对事件对象的包装。即统一了一些兼容性的问题。这篇会综述下jQuery的整个事件模块。后面会详细分析jQuery.event.add/jQuery.event.remove/jQuery.event.trigger。 虽然事件模块代码很难读,但其提供的A 阅读全文

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

jQuery源码分析系列:DOM遍历方法
摘要:jQuery DOM遍历: childNodes:包含HTML元素 文本。 children: 只包含HTML元素。 jQuery.fn.children(elem):只包含Elemnet jQuery.fn.contents(elem):只含Element Text Comment 实现jQuer 阅读全文

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

jQuery源码分析系列:样式表 jQuery.fn.css()
摘要:.css()的用法: jQuery.fn.css()有4种用法,第一种是读取样式属性值,其余三种是设置样式属性值: .css( propertyName ) 获取第一个元素的样式属性值,propertyName是CSS属性名 .css( propertyName, value ) 在匹配的元素集上设 阅读全文

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

jQuery源码分析系列:CSS-class样式
摘要:jQuery提供了4个操作class的方法: jQuery.fn.extend({ // ... // 为匹配的每个元素增加指定的class(es) addClass: function( value ) {}, // 从匹配的每个元素上,移除 一个 或 多个 或 全部class removeCla 阅读全文

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

jQuery源码分析系列:AJAX
摘要:jQuery的实现表示很复杂,但是也能学到很多的东西。 jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯。 废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们 阅读全文

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

jQuery学习笔记
摘要:区分DOM对象和jQuery对象: DOM对象:可以通过getElementsByTagName或者getElementById获得元素节点,这样得到的DOM元素就是DOM对象。可以使用JavaScript方法: var domObj = document.getElementById("id"); 阅读全文

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

Jquery UI dialog 详解 (中文)
摘要:Jquery UI dialog 详解 (中文) 1 属性 1.11 autoOpen ,这个属性为true的时候dialog被调用的时候自动打开dialog窗口。当属性为false的时候,一开始隐藏窗口,直到.dialog("open")的时候才弹出dialog窗口。默认为:true。 1.12 阅读全文

posted @ 2013-04-11 17:20 color_story 阅读(373) 评论(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 阅读(486) 评论(0) 推荐(0)

1 2 下一页

导航