YUI模塊開發(fā)原理詳解_基礎(chǔ)知識(shí)
來源:懂視網(wǎng)
責(zé)編:小采
時(shí)間:2020-11-27 21:15:54
YUI模塊開發(fā)原理詳解_基礎(chǔ)知識(shí)
YUI模塊開發(fā)原理詳解_基礎(chǔ)知識(shí):隨著互聯(lián)網(wǎng)應(yīng)用越來越重,js代碼越來越龐大,如何有效的去組織自己的代碼,變得非常重要。我們應(yīng)該學(xué)會(huì)去控制自己的代碼,而不是到最后一堆bug完全不知道從哪冒出來。前端的模塊化開發(fā)可以幫助我們有效的去管理代碼,特別是多人開發(fā)的時(shí)候,提高開發(fā)效率。Y
導(dǎo)讀YUI模塊開發(fā)原理詳解_基礎(chǔ)知識(shí):隨著互聯(lián)網(wǎng)應(yīng)用越來越重,js代碼越來越龐大,如何有效的去組織自己的代碼,變得非常重要。我們應(yīng)該學(xué)會(huì)去控制自己的代碼,而不是到最后一堆bug完全不知道從哪冒出來。前端的模塊化開發(fā)可以幫助我們有效的去管理代碼,特別是多人開發(fā)的時(shí)候,提高開發(fā)效率。Y

隨著互聯(lián)網(wǎng)應(yīng)用越來越重,js代碼越來越龐大,如何有效的去組織自己的代碼,變得非常重要。我們應(yīng)該學(xué)會(huì)去控制自己的代碼,而不是到最后一堆bug完全不知道從哪冒出來。前端的模塊化開發(fā)可以幫助我們有效的去管理代碼,特別是多人開發(fā)的時(shí)候,提高開發(fā)效率。
YUI生成模塊的方式是:
YUI.add('module1', function (Y) { ... }, '1.0.0', requires: ['module2']);
YUI 是全局變量,類似于jquery中的$。add方法中第一個(gè)參數(shù)是模塊的名稱module1,第二個(gè)參數(shù)是一個(gè)匿名函數(shù),里面是模塊內(nèi)容,第三個(gè)參數(shù)是版本名,第四個(gè)requires表示的是模塊的依賴關(guān)系,如上是module1 依賴于module2(即module2要先于module1 執(zhí)行)。
通常每個(gè)模塊存放在一個(gè)js文件中,文件以模塊名來命名,即模塊module1存放在module1.js 文件中,module2存放在mudule2.js 文件中。
加載模塊module1:
// 加載YUI seed 文件,包含了YUI所有的依賴關(guān)系
代碼如下:
script>
輸出的api了
callback(this);
以上是借助YUI對(duì)模塊化開發(fā)做一個(gè)簡單的介紹,YUI實(shí)際的過程比上面要復(fù)雜的多。
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
YUI模塊開發(fā)原理詳解_基礎(chǔ)知識(shí)
YUI模塊開發(fā)原理詳解_基礎(chǔ)知識(shí):隨著互聯(lián)網(wǎng)應(yīng)用越來越重,js代碼越來越龐大,如何有效的去組織自己的代碼,變得非常重要。我們應(yīng)該學(xué)會(huì)去控制自己的代碼,而不是到最后一堆bug完全不知道從哪冒出來。前端的模塊化開發(fā)可以幫助我們有效的去管理代碼,特別是多人開發(fā)的時(shí)候,提高開發(fā)效率。Y