原创 JavaScript之接口實現
JavaScript之接口實現 法1:註釋法 註釋法:此方法屬於程序文檔範疇，對接口的繼承實現完全依靠程序員自覺 /* interface People{ function createHead(); func
2020-07-07 05:36:25
1
原创 js之適配器模式
適配器模式 適配器模式的應用 level01: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title
2020-07-07 05:36:25
1
原创 JavaScript之命名空間
JavaScript之命名空間 使用過Java、C#的同學對命名空間非常的熟悉，在複雜的系統中會有N多的函數、對象，語言提供的、架構預定義的，這麼多的函數和對象，由於編程規範要求起有實際意義的名字，難免會重名發生錯誤調用，而有了命
2020-07-07 05:36:25
1
原创 js之代理模式
代理模式 小明追 MM 的故事 level01: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</titl
2020-07-07 05:36:25
1
原创 JavaScript之工廠模式
JavaScript之工廠模式 /***************外js*********************/ //接口類，用來創建接口 var Interface = function (name) {
2020-07-07 05:36:25
1
原创 js之裝飾者模式
裝飾者模式 在程序開發中，許多時候都並不希望某個類天生就非常龐大，一次性包含許多職責。那麼我們就可以使用裝飾者模式。裝飾者模式可以動態地給某個對象添加一些額外的職責，而不會影響從這個類中派生的其他對象。 level01:模擬傳統
2020-07-07 05:36:14
1
原创 js之中介模式
購買商品 假設我們正在編寫一個手機購買的頁面，在購買流程中，可以選擇手機的顏色以及輸入購買數量，同時頁面中有兩個展示區域，分別向用戶展示剛剛選擇好的顏色和數量。還有一個按鈕動 態顯示下一步的操作，我們需要查詢該顏色手機對應的庫存
2020-07-07 05:36:14
原创 js之組合模式
在命令模式學習完的基礎上： 更強大的宏命令 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <
2020-07-07 05:36:13
原创 js之發佈 — 訂閱模式
有人發佈信息有人“訂閱”信息並進行處理。 DOM事件 document.body.addEventListener( 'click', function(){ alert(2); }, false ); document.
2020-02-24 12:06:23
原创 OO創建對象
工廠模式 <!DOCTYPE html> <html> <head> <title>Factory Pattern Example</title> <script type="text/javascript">
2020-02-24 12:06:23
原创 js之職責鏈模式
職責鏈模式的定義是：使多個對象都有機會處理請求，從而避免請求的發送者和接收者之間的耦合關係，將這些對象連成一條鏈，並沿着這條鏈傳遞該請求，直到有一個對象能處理它爲止。 職責鏈模式的名字非常形象，一系列可能會處理請求的對象被連接成
2020-02-24 12:06:23
原创 JavaScript之閉包
JavaScript之閉包 1、匿名函數 函數是JavaScript中最靈活的一種對象，這裏只是講解其匿名函數的用途。匿名函數：就是沒有函數名的函數。 1.1 函數的定義，首先簡單介紹一下函數的定義，大致可分爲三種方式 第一種：這
2020-02-24 12:06:13
1
原创 JavaScript之繼承
JavaScript之繼承 js的繼承_基於原型鏈方式的繼承 var Person = { name: "李華", say: function () { alert(this.name);
2020-02-24 12:06:13
原创 js之模板方法模式
模板方法模式的定義和組成： 模板方法模式是一種只需使用繼承就可以實現的非常簡單的模式。 模板方法模式由兩部分結構組成，第一部分是抽象父類，第二部分是具體的實現子類。通常在抽象父類中封裝了子類的算法框架，包括實現一些公共方法以及封
2020-02-24 12:06:13
原创 JavaScript之封裝
javascrpt之封裝 level1： var Student = function(no){ this.no=no; } Student.prototype={ constructor:Student,
2020-02-24 12:06:12