原创 javascript設計模式之單體模式

javascript設計模式之單體模式 單體模式屬於js設計模式中的創建對象型模式,它保證一個特定類只會有一個實例 當我們使用對象字面量的語法創建對象時,自然是一個單體; 當我們使用構造器創建對象時,我們通常有兩種方法去實現單體模式 第一

原创 JavaScript設計模式之代理模式

代理模式 代理模式合併多個複雜業務請求,減輕web服務器壓力 頁面框架 <p><span id='toggle-all'>Toggle Checked</span></p> <ol> <li> <input type="che

原创 面向委託關聯的js代碼應用實例

javascript是一種面線對象的編程語言(OOP),但是js和其他面向類語言不同,js中並沒有類的概念,但是大多數開發人員都熟悉了類的概念,想方設法在js中加入類的概念,於是就出現了很多類的設計模式,我想說的是,這些設計模式在某些方面

原创 css實現div旋轉任意角度

主要利用了css屬性,transform, transform w3c的屬性詳解:http://www.w3school.com.cn/cssref/pr_transform.asp <html lang="en"> <head> <

原创 javascript中this的相關疑問解答

前言 javascript中沒有塊級作用域(es6以前),javascript中作用域分爲函數作用域和全局作用域。並且,大家可以認爲全局作用域其實就是Window函數的函數作用域,我們編寫的js代碼,都存放在Window函數內(這是個假設

原创 js面向對象編程指南學習筆記--遍歷DOM節點樹

利用樹的先序遍歷刪除樹的每個節點 刪除節點使用了dom.innerHtml = ”;的方法; 因爲單純地刪除節點會導致如果該節點綁定了事件監聽器,事件監聽器沒有刪除,會導致瀏覽器的內存泄露。爲了防止這種情況的發生,我們需要在刪除某個節點之

原创 javascript設計模式之觀察者模式(行爲模式)

javascript設計模式之觀察者模式 js的設計模式分爲創建型模式,結構型模式和行爲模式 行爲模式描述了對象之間的通信行爲。 觀察者模式又叫發佈–訂閱模式,是一種常見的行爲模式。 下面是示例代碼: // obesever mode v