原创 自己學習時收集的一些jquery插件庫

jquery.cbpQTRotator.js 這是一款非常實用的jQuery和css3自動輪換的用戶評論留言插件。該用戶評論留言插件帶有進度條,當進度條到達100%時,當前的用戶評論留言會切換到下一條評論,通過CSS3在切換時可製作各

原创 建立接口的三種方式--鴨式辯型接口

通常建立javascript接口有三種方式:1 註釋描述接口2 屬性檢測接口3 鴨式辯型接口接口的利弊:對於一些中小型程序來說 使用接口很顯然是不明智的,對項目來說接口的好處也不明顯,只是徒增其複雜度而已。對於接口的好處,那麼顯而易見 首

原创 組合模式(一)

組合模式是一種專門爲創建Web上的動態用戶界面而量身制定的模式。使用這種模式可以用一條命令在多個對象上激發複雜的或遞歸的行爲。這可以簡化粘合性代碼,使其更容易維護,而那些複雜行爲則被委託給各個對象。組合模式的好處:1 你可以用同樣的方法

原创 實現jQuery底層鏈式編程(一)

//jquery使用的就是塊級作用域 //特點1.塊級作用域的作用就是程序啓動時,直接執行了 //特點2.內部的成員變量,外部無法訪問 (function(Window,undefined){

原创 繼承的簡單理解,原型對象繼承,類繼承,混合方式繼承

我們都知道構造函數、原型和實例直接的關係,如果我們讓原型對象等於另一個類型的實例,結果會怎麼樣呢?顯然此時的原型對象將包含一個指向另一個原型的指針,相應的另一個原型中也包含着一個指向另一個構造函數的指針。原型鏈:利用原型讓一個引用類型繼承

原创 單體模式

單體(singleton)模式是javascript中最基本但又最有用的模式之一,它可能比其他任何模式都常用。這種模式提供了一種將代碼組織爲一個邏輯單元的手段,這個邏輯單元中的代碼可以通過單一的變量進行訪問。通過確保單體對象只存在一份實例

原创 實現簡單工廠(一)

CommonUtil.js /** * @author Fan */ /** * 命名空間 */ var Fan = {}; //接口類 Fan.Interface = function(name,method){

原创 原型-----常用方法詳解

function person(){ } person.prototype.name = 'z3'; person.prototype.age = 20; person.prototyp

原创 自定義方法,模仿each遍歷多維數組

var arr = [1,2,3,[4,[5,[6]]]]; //console.log(arr.length); //自己實現一個each方法,遍歷多維數據 Array.prototype.each = fun

原创 實現簡單工廠(三)

//創建一個工廠的環境 //賣車的商店 function CarShop(){}; CarShop.prototype = { constructor : CarShop, //還

原创 原型-概念詳解

我們創建的每一個函數都有一個prototype屬性,這個屬性是一個指針,指向一個對象,而這個對象的用途是包含可以由特定類型的所有實例共享的屬性和方法。原型對象實際就是一個構造函數的實例對象,與普通的實例對象沒有什麼本質上的區別,js中每

原创 網站常用jquery小控件總結

自動適應屏幕100%高度 $(window).resize(function(){ $('.screen-height').height($(window).height()); }); 頁面滑動時,隱藏和現實返回頂部按鈕

原创 經典繼承方法實現(模擬extjs底層繼承機制)

// 混合繼承的缺點: 3件事 : 繼承了父類的2次模版 , 繼承了一次父類的原型對象 // extend方法 2件事: 繼承1次父類的模版 繼承一次父類的原型對象 //1:子類,2:父類 funct

原创 簡單的原型,原型對象和實例對象先後順序

之前我們已經學過了原型如何使用,那麼現在我們介紹一種簡單原型的使用方式:即直接通過對象字面量來重寫整個原型對象(這種方法會改變原型對象的構造器)ECMA5中的Object.defineProperty()方法可以爲原型對象重新加入構造器。

原创 組合模式(二)

組合模式的使用場景: 1、存在一批組織成某種層次體系的對象 2、希望對這批對象或其中的一部分對象實施一個操作。 組合模式的特點: 1、組合模式中只有兩種類型對象:組合對象、葉子對象 2、這兩種類型都實現同一批接口 3、一般我們會在組