angular之模組開發一

2022-08-10 13:12:19 字數 847 閱讀 9491

step-01 全域性函式

step-02 封裝物件

step-03 劃分私有空間

step-04 模組的擴充套件與維護

step-05 第三方依賴管理

在什麼場景下使用模組化開發業務複雜重用邏輯非常多擴充套件性要求較高

commonjs規範

amd規範

cmd規範

使用步驟

在頁面中引入sea.js檔案

定義乙個主模組檔案,比如:main.js

在主模組檔案中通過define的方式定義乙個模組,並匯出公共成員

在頁面的行內指令碼中通過seajs.use('path',fn)的方式使用模組

**函式的引數傳過來的就是模組中匯出的成員物件

定義乙個模組

define(function(require, exports, module) ;

});

使用乙個模組

require

匯出成員的方式

非同步載入模組

require.async('path',function(module) );

使用第三方依賴(jquery)

// 適配cmd

if (typeof define === "function" && !define.amd) );

}

seajs配置

使用案例

Angular開發雜記 模組代替頁面

嘗試把原來的專案改造成angular實現,其中乙個特性 原來是主頁放乙個iframe 然後iframe裡面鏈結多個頁面。現在使用angular,是採用單頁,即主頁放乙個div,然後每個頁面變成模組,載入到div顯示。區別是,第1種 原始頁面方式 每個頁面都要定義頁面,載入js和css,像這樣 第2種...

angular模組載入

1.配置 在模組的載入階段,angularjs會在提供者註冊和配置的過程中對模組進行配置。需要特別注意,angularjs會以這些函式書寫和註冊的順序來執行它們。當對模組進行配置時,需要格外注意只有少數幾種型別的物件可以被注入到config 函式中 提供者和常量。2.執行塊 和配置塊不同,執行塊在注...

angular路由模組(二)

上一章寫的是如何建立乙個簡單的路由,這一樣我們來看看如何建立乙個路由模組。angular的思想就是 模組,元件,子元件.importfrom angular core import from angualr router 引入路由模組 importfrom crisis list.component...