使用mini-define實現(xiàn)前端代碼的模塊化管理
mini-define
依據(jù)require實現(xiàn)的簡易的前端模塊化框架。如果你不想花時間學(xué)習(xí)require.js,也不想翻看長篇的cmd/amd規(guī)范，那么這個mini-define就是你不錯的選擇。如果你之前用過sea.js或require.js那么mini-define更加高效，更加輕量，更加易用。項目地址：github
用法
首先定義模塊
定義模塊
一：定義模塊用define函數(shù)
1.1 根據(jù)是否有依賴,有兩種情況：
1.1.1：沒有依賴的模塊
define('id',function(){
// put your code here
});
1.1.2：有依賴的模塊
define('id',['modeA','modeB'],function(A,B){
// put your code here
});
1.2 根據(jù)是否需要返回處理結(jié)果給外部使用，又可以分兩種情況：
1.2.1有返回對象：
define('id',function(){
return {
// put your code here
}
});
1.2.2 沒有返回對象
define('id',function(){
// put your code here
});
二： 調(diào)用模塊用require()函數(shù)
2.1 根據(jù)請求的模塊數(shù)，可以有兩情況：
2.1.1.調(diào)用單個模塊
require('modeId')
2.1.2.調(diào)用多個模塊
require(['modeA','modeB']);
2.2 根據(jù)是否有回調(diào)處理，又可以分為兩種情況：
2.2.1 有回調(diào)處理函數(shù)
require('modeId',function(mode){
//put your code here
});
require(['modeA','modeB'],function(A,B){
//put your code here
});
2.2.2 沒有回調(diào)處理
require('modeId');
然后在index.html頁面依次引用所需模塊
<!--核心模塊-->
<script src="lib/core/require.js"></script>
<!--用于演示的模塊-->
<script src="lib/main.js"></script>
<script src="lib/config.js"></script>
<script src="lib/init.js"></script>
最后就是用你喜歡的方式對lib目錄進行合并壓縮，生成一個min.js文件。 在發(fā)布應(yīng)用的時候，相應(yīng)的index.html也需要調(diào)整一下：
<script src="lib/min.js"></script>
優(yōu)點：
相對于seajs.js或原版的require.js來說，加注釋才一百來行的代碼用輕量來形容都顯胖，完全是骨感。
完全沒有什么高深的內(nèi)容，也沒有復(fù)雜的技巧，幾乎是零學(xué)習(xí)成本。
相關(guān)文章
我們存在著大量在PC頁面通過表格看數(shù)據(jù)業(yè)務(wù)場景，表格又分為兩種，一種是antd?/?fusion這種基于dom元素的表格，另一種是通過?canvas?繪制的類似?excel?的表格，這篇文章主要介紹了antd/fusion表格增加圈選復(fù)制功能,需要的朋友可以參考下2023-09-09
AI的興起，使得大家對算法的關(guān)注也越來越高。而作為一個前端工程師，算法很多時候是我們的弱點，本文譯自國外一篇面試題。列出了一些簡單算是跟算法相關(guān)的面試題2018-04-04
js實現(xiàn)兼容PC端和移動端滑塊拖動選擇數(shù)字效果
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)兼容PC端和移動端滑塊拖動選擇數(shù)字的效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
關(guān)于js new Date() 出現(xiàn)NaN 的分析
在一個項目中需要進行日期的格式化，后臺傳到前端是時間的整數(shù)（Date.getTime),當(dāng)后臺數(shù)據(jù)返回字符串時，發(fā)現(xiàn)轉(zhuǎn)換日期時在ie下變成NaN，但是真的是這樣嗎？接下來我們慢慢分析2012-10-10
這篇文章主要介紹了JavaScript實現(xiàn)多重繼承的方法,結(jié)合實例形式詳細(xì)分析了javascript實現(xiàn)多重繼承的具體步驟與相關(guān)操作技巧,需要的朋友可以參考下2018-01-01
本篇文章是JS的一個網(wǎng)頁制作小技巧，應(yīng)用在很多地方，通過JS改變HTML頁面的顏色，有興趣的學(xué)習(xí)下。2018-02-02
微信小程序使用picker實現(xiàn)時間和日期選擇框功能【附源碼下載】
這篇文章主要介紹了微信小程序使用picker實現(xiàn)時間和日期選擇框功能,結(jié)合實例形式分析了微信小程序picker組件進行日期與時間選擇的相關(guān)操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2017-12-12
JS驗證 只能輸入小數(shù)點,數(shù)字,負(fù)數(shù)的實現(xiàn)方法
下面小編就為大家?guī)硪黄狫S驗證 只能輸入小數(shù)點,數(shù)字,負(fù)數(shù)的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
這篇文章主要給大家介紹了關(guān)于前端處理二進制流文件導(dǎo)出為excel表的相關(guān)資料,后臺管理系統(tǒng),常會出現(xiàn)導(dǎo)出excel表格功能,需要的朋友可以參考下2023-08-08
javascript 極速 隱藏/顯示萬行表格列只需 60毫秒
隱藏表格列 這種方式的效率極低。例如，隱藏一個千行表格的某列，在我的筆記本（P4 M 1.4G，768M內(nèi)存）上執(zhí)行需要約 4000毫秒的時間，令人無法忍受。2009-03-03