JavaScript模組載入架構sea.js 學習一，javascriptsea.js

最後更新：2014-07-11 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

簡單總結sea.js 學習

檔案目錄結構

/sea/sea.js http://seajs.org/docs/#downloads

/sea/jquery-sea.js http://jquery.com/download/

/sea/sea_config.js

/sea/home.jsdata.js

/sea/data.js

1.html頁面代碼檔案

<style> .ch{height:200px;width:200px;background:#ccc;}</style><div class="cl"></div><!-- 引入sea.js檔案 --><script src="/sea/sea.js"></script><!-- 引入sea_config.js設定檔 --><script src="/sea/sea_config.js"></script>   <script type="text/javascript"> seajs.use(['jquery','home'],function(a,b){    //alert(b.foo);  //調用home中的foo屬性    b.init();      //調用home中的init介面b.all();       //調用home中的all介面 }) </script>

2.sea_config.js設定檔

seajs.config({  // 別名配置  alias: {    'jquery': '/sea/jquery-sea',    'home': '/sea/home','data': '/sea/data'  },  // 路徑配置  //paths: {  //  'gallery': 'https://a.alipayobjects.com/gallery'  //},  // 變數配置  //vars: {  //  'locale': 'zh-cn'  //},  // 映射配置  //map: [  //  ['http://example.com/js/app/', 'http://localhost/js/app/']  //],  // 預先載入項 //preload: ['jquery','home'],  // 偵錯模式  debug: true,  // Sea.js 的基礎路徑  //base: 'http://example.com/path/to/base/',  // 檔案編碼  charset: 'utf-8'});

3.home.js模組檔案

define(function(require, exports, module){ var data = require('data');  // 載入data模組 data.js function wo(){       //內建函式，init中調用   alert("load $"); };   alert(data.blog);   //直接執行函數 module.exports = {             //當前模組對外提供的介面    foo:'hello',  //屬性          init : function(){      //介面initwo();    //執行內建函式        $(".cl").addClass("ch");        },    all : function(){       //介面all  alert(data.author);}        };console.log(require.resolve('jquery'));  //require.resolve返回別名檔案 解析後的絕對路徑});

4.data.js模組檔案

define({    author: 'ZhangYanpo',    blog: 'http://www.ktuo.cn'});

JavaScript推薦一個好的對於JavaScript的網站，學習之用，

1. www.w3school.com.cn/javascript/ 基礎學習

2.右擊任何一個網站，查看原始碼，然後再查看一下他們的 js 的原理,學習一下
從三流網站,排名低的 => 中型網站 => 門戶網站

3. jq 核心，學完後，JS 沒有難度了，只怕想不出.( 上次幫別人做了一個立體3D球形，並帶陰影製作效果的.全部用代碼產生出來.還做過JS的mmorpg遊戲，ajax+flash socket，但總感覺有點慢............)

javascript要讓頁面載入時執行一個函數應該怎做？

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More

JavaScript模組載入架構sea.js 學習一，javascriptsea.js

聯繫我們

A Free Trial That Lets You Build Big!

Sales Support

After-Sales Support