摘要：
/** * project:javascript DOM Advanced */(function () { 'use strict'; //ADS命名空间 //判断ADS对象是否存在，否则创建 if (!window.ADS) { window.ADS = {}; } //确定当前浏览器是否与整个库兼容 function isCompatible(other) { //使用能力检测来检查必要条件 if (other === false || !Array.prototype.push || !Object.h... 阅读全文
摘要：
// 幻灯片插件// by ldp;(function () { // 方法集合对象 var slider = { // 初始化函数 init: function (options) { return this.each(function () { var $this = $(this); var settings = $this.data('fadeSlider'); var defaults; if (type... 阅读全文
摘要：
/*--------------- DOM2时间规范中的Event对象 --------------*/ /** * bubbles {Boolean} 表示事件是否是冒泡阶段的事件。如果是则为true，反之false * cancelable ｛Boolean｝ 表示事件是否具有可以被取消的默认动作，有则为true * currentTarget {DOM} 当前正在处理的事件侦听器所在的事件流中的DOM元素，currentTarget可能会不同于target属性，因为在事件流的捕获或者冒泡阶段中，事件侦听器可能不是注册到target（目标对象上），而是注册到目标的祖先元素... 阅读全文
摘要：
// 不想纵容ie6!主要是学习运用设计模式 var FixMSIEPng = (function () { if (!document.body.filters) { // 不是MSIE return; } if (7 <= parseFloat(navigator.appVersion.split('MSIE')[1])) { // 排除IE7.0及以上浏览器 return; } /* 创建一个用于下一组循环的私有方法 这个方法会为元素设置适当的样式 */ function ... 阅读全文
摘要：
// 用的ajax加载，ajax没做兼容封装，所以不兼容ie6，联动后会有颜色动画 // code:<!DOCTYPE HTML><html lang="en-US"><head> <meta charset="UTF-8"> <script src="ADS.js"></script> <script src="myLogger.js"></script> <title></title>< 阅读全文
摘要：
var ImageReplace = { replaceImage: function (element) { // 取得元素 element = ADS.$(element); // 创建图像元素 var image = document.createElement('img'); // 当图像载入成功后再添加span和类名 ADS.addEvent(image, 'load', function () { var s... 阅读全文
摘要：
// 方法的链式调用/*链式调用其实只不过是一种语法招数。它能让你通过重用一个初始操作来达到少量代码表达复杂操作的目的。这种技术包含两个部分：一个创建代表HTML元素的对象的工厂，以及一批对这个HTML元素执行某些操作的方法。每一个这种方法都可以在方法名前附上一个圆点后加入调用链中。方法的链式调用可以被视为选择网页上的一个元素对其进行一个或多个操作的过程。*/// without chainingaddEvent($('example'), 'click', function () { setStyle(this, 'color', 'g 阅读全文
摘要：
html:<!DOCTYPE HTML><html lang="en-US"><head> <meta charset="UTF-8"> <title></title></head><body><p id="test"><span id="titleClassical">this an editable text content</span></p><p id=&qu 阅读全文
摘要：
/* 单体 *//*------------------ 划分命名空间 ------------------------*/var MyNameSpace = { findProduct: function (id) { //... }, others: function () { } //Othermethods can go here as well};// Later in your page, another programmer addsvar resetProduct = $('reset-product-button');var fin... 阅读全文
摘要：
//本来想写个ajax的封装的，但在情封的项目中无意看到这段源码，和我刚开始的构思差不多，果断copy过来参考，做了一点修改。var Ajax = { createXHR:function () { if (typeof XMLHttpRequest !== 'undefined') { return new XMLHttpRequest(); } else if (typeof ActiveXObject !== 'undefined') { if (typeof arguments.callee.activeXS... 阅读全文
摘要：
//*-------------------- 继承 ----------------------*///为什么需要继承//减少重复性的代码//类式继承//简单的类声明/* Class Person */function Person(name) { this.name = name;}Person.prototype.getName = function () { return this.name;};var reader = new Person('John');reader.getName();//原型链//创建继承Person的类则要复杂一些/* Class Autho 阅读全文
摘要：
/************------------- 创建对象的基本模式 ------------*************///使用：//Book(usbn, title, author)var theHobbit = new Book('0-395-07122-4', 'The Hobbit', 'J.R.R. Tolkien');theHobbit.display(); //Outputs the data by creating and populating an HTML element/* ---------------------- 阅读全文
摘要：
/** * 接口是一种指定对象应该有哪些方法的技术，他不关心方法如何实现。 * 基于接口编程的好处是：实现相同接口的对象，可以互换，而不影响功能实现。 * 接口还有利于大项目中，多人合作的交流 *//**************** 在js中模仿接口 ******************///用注释描述接口//效果最差，不会提供错误信息//易于实现/* interface Composite { function add(child); function remove(child); function getChild(index); } interface FormItem { functi 阅读全文
摘要：
我觉得js进阶的书看《Javascript DOM高级程序设计》和《javascript设计模式》就非常不错。我现在同时在阅读者两本书，《DOM》主要讲常见的函数和跨浏览器解决方案，案例也非常实用，偏向实践方面，《模式》讲js中的各种设计模式，同时读两本书看起来会觉得很混乱，但是因为两者讲得是不同概念的，当我读《设计模式》的时候，如果想要实践，《DOM》里的案例就非常适合练习。简直就是相辅相成，既提高了实践能力还提高了对设计模式的理解。两本书都读了一半的页数了，后面难度也开始加大了，很期待后面的内容。虽然两本书都有一些小错误，但是丝毫不影响书的质量。可惜这两本书已经买不到了，只能看PDF了。 阅读全文