原创 eslint檢查和自動格式化

1.vscode 搜索、安裝插件 prettier 2.配置prettier.eslintIntegration 爲true ,格式化會按eslint規則進行 在首選項--設置--找到如下 3.eslint開啓保存格式化  FAQ 

原创 22觀察者模式

定義:定義對象間一種一對多的依賴關係,使得每 當一個對象改變狀態,則所有依賴於它的對象都會得到通知並被自動更新。 圖一 理解: Observer(觀察者):update方法,在Observable(被觀察者)發生變化時執行。 Obser

原创 20迭代器模式

111111111111111

原创 21組合模式

圖一(有問題的圖,需要提取)  圖二:合併根節點和樹枝節點 圖三:再次整合樹枝和葉子  圖四:刪除interface 理解:getSubordinateInfo();在函數內,判斷當前對象是Branch or Leaf,if(Br

原创 14中介者模式

原创 15命令模式

  圖二: 命令模式中: Invoker爲命令的發起者。 command中封裝了命令相關的過程,以及相關的命令執行對象(Receiver)。  Receiver爲命令的接收者、執行者,在圖一爲Group。   策略模式相同不同: 相同

原创 17裝飾模式

定義:動態地給一個對象添加一些額外的職責。 就增加功能來說,裝飾模式相比生成子類更爲靈活。 圖一  圖二 Decorator對象可以裝入Component,可以對ConcreateComponent和Decorator進行封裝。 在D

原创 19適配器模式

定義:將一個類的接口變換成客戶 端所期待的另一種接口,從而使原本因接口不匹配而無法在一起工作的兩個類能夠在一起工 作。 圖一 圖二   Adaptee類:含有需要的數據和方法,但是不符合Target,client無法使用。 Adapt

原创 16職責鏈模式

定義:使多個對象都有機會處理請求,從而避免了請求的發送者和接受者之間的耦合關 系。將這些對象連成一條鏈,並沿着這條鏈傳遞該請求,直到有對象處理它爲止。   setNext接收一個Handler對象。 注意:鏈中節點數量需要控制,避免出現

原创 18策略模式

  定義:(定義一組 算法,將每個算法都封裝起來,並且使它們之間可以互換。 圖一 圖二   命令模式的區別 相同: 見命令模式中。 不同: 策略模式意義在於,每個策略之間策略之間可以隨意互換。 而命令模式,每個command與Invo

原创 12代理模式

     

原创 模板方法模式--javascript

定義:定義一個算法框架,將一些實現的步驟延遲到子類中,在不改變算法的情況下,可從新定義算法的步驟。 IGame.js export default class IGame{ constructor(){ } l

原创 Javascript建造者模式

需求:無限變化 定義:將複雜對象(多種形態的對象,並且形態還可以增加)的構建和它的表現分離,使得同樣的構建過程,構建出不同的表現。 需求出現了改變,代碼必然變化,儘量讓這種變化出現在高層模塊。                    

原创 lodash參數解釋