Seajs的用法
以前經常聽到Seajs,但是沒深入了解過,不清楚到底是用做哪個方面,后來調組到M站做開發,發現項目用到了Seajs,便去了解下
SeaJS是一個遵循CMD規范的JavaScript模塊加載框架,可以實現JavaScript的模塊化開發及加載機制。————來自百度百科
也就是項目中模塊化開發的主力軍
不像其他的JavaScript框架,Seajs僅僅是實現JavaScript的模塊化加載,解決各個JavaScript文件嚴重混亂的問題,使開發變得更簡單。
目前Seajs兼容性良好,可以運行在各個渠道
下面是Seajs的使用方法:
1.首先在頁面上通過script標簽將Seajs引入,并加上配置代碼:
// seajs 的簡單配置 seajs.config({base: "../sea-modules/",alias: {"jquery": "jquery/jquery/1.10.1/jquery.js"} })// 加載入口模塊 seajs.use("../static/hello/src/main")?sea.js?在下載完成后,會自動加載入口模塊
2. 若文件中有兩個相關的js文件,如spinning.js?和?main.js,則通過以下代碼加載
// 所有模塊都通過 define 來定義 define(function(require, exports, module) {// 通過 require 引入依賴var $ = require('jquery');var Spinning = require('./spinning');// 通過 exports 對外提供接口exports.doSomething = ...// 或者通過 module.exports 提供整個接口module.exports = ...});? 這樣便將相關js文件加載 進去,便可直接進行代碼的邏輯開發,而不用在主頁面中通過script標簽來引入很多js文件了
?參考鏈接:http://seajs.org/docs/
?最后附上Seajs的開發者玉伯在知乎上的回答:關于Seajs和requirejs哪個更好用
? https://www.zhihu.com/question/20342350/answer/14828786
?by ?新手小白的記錄
轉載于:https://www.cnblogs.com/lynnmn/p/6417550.html
總結
- 上一篇: php中 ob_start()有什么作用
- 下一篇: 关于林肯的名言名句246个