帶你快速熟悉 seajs 模組化開發

2021-10-14 15:27:25 字數 452 閱讀 2732

首先說明一下,這個已經是老框架了,不建議使用,只是當做了解一下過去的知識,或者學習一下源**,知道過去的模組化開發是什麼樣的,模組化開發的好處,api 快速參考

該頁面列舉了 sea.js 的常用 api。只要掌握這些用法,就可以嫻熟地進行模組化開發。

seajs 的目的就是將 js,css,html 檔案變成乙個模組,乙個 .js,.css,.html 就是乙個模組。

這個有點像 webpack 的配置項,可以方便我們配置一些路徑,以及一些簡化路徑等等,比如下面的**:

seajs.config(,

// 設定別名,方便呼叫

alias: 

});

上面可以給專案設定一些全域性的 js **,以及配置別名等等。

用來在頁面中載入乙個或多個模組。有點像 es6 中的import關鍵字,就是用來匯入文

seaJs 模組化開發框架

src sea.js 2.引入的第乙個js檔案為入口函式 seajs.use main.js seajs.use main.js function info define function require,exports,module seajs.config 以.或.開頭的是相對路徑,相對於req...

快速上手seajs模組化以及案例

js本身是沒有模組化的概念,有了seajs就有了模組化的思想,為了快速上手使用這裡一切以案例為主。這裡以乙個jquery.fancybox.pack.js燈箱效果外掛程式介紹如何運用到seajs中。傳統的呼叫js我們可以看到載入js要按先後順序進行載入,例如圖 效果是一樣的,就是減少了首頁 的 量。...

模組化開發

講模組化開發之前,我們先了解一下 傳統開發模式 是什麼?比如說a所在的公司在做乙個專案,公司安排a跟b還有c三個人一起協同開發,a負責一部分功能塊,b負責另一部分功能塊,把專案的功能分成一塊一塊,這適用於多人協作開發,每個人負責不同的功能塊,當然,這其中有人是負責整合的,有人是負責開發公共功能塊的等...