一、單模組檔案-自執行()
1、每個檔案必須要以模組的形式定義,模組標識與檔案所在目錄一定要對應。如:以下為/static/js目錄,檔名為fn.js,模組名稱為/static/js/fn.js
f.module("/static/js/fn.js",function
(e, c) )()
},);
2、呼叫標識與模組標識一定要對應,如果漿檔案不在同一檔案時,載入資源檔案的同時呼叫模組標識。
f.use('/static/js/fn.js');
f.module("mo", function(r, e) ;
return
t;//模組返回t物件
}, );
f.use("mo", function
(x) , );
官方定義--------
f.module:
使用f.module來定義模組:
f.module(name, function(require, exports),deps);
name:當前模組的唯一標識,為模組所在檔案的訪問路徑。
fn:模組的main函式。
require:模組函式第乙個引數名稱為require, 用來訪問其他模組提供的 api。
exports:exports 用來向外提供模組的 api. (1、向外提供介面,2、返回乙個物件)
deps:deps是乙個陣列,表示當前模組的依賴列表
二、多模組檔案
1、乙個檔案下面宣告多個模組,這裡要配置檔案f_file。
test.js檔案下的模組為:
f.module("/static/js/test1.js", function(require, exports) ;
exports.t3 =t; //向外暴露
}, );
f.module("/static/js/test2.js", function
(require, exports) ;
exports.t4 =t; //向外暴露
}, );
2、配置**檔案,在html頁加上這樣的語句
f._filemap();
f._filemap的格式為:f._filemap();
3、方法呼叫
f.use("/static/js/test1.js", function(x) );
f.use格式為:f.use("模組名稱",function(o){});
f.module("mo", function(r, e) ;
var t = ;
e.o =t;
e.fn =fn;
}, );
f.use("mo", function
(x) , );
三、fis與jquery模組結合
需要修改**f.module("jquery", function
(require, exports))(exports);
},);
例項:
三、fis與獨立的jquery結合-jquery**不需要做任何修改
例項:
返加多個物件(物件直接量),以下為技巧開發,並不是示例
f.module("/static/ns.js",function
(b, a) ;
var g = function
(j) ;
return
})(jquery);
a =c;
returna},
);$(
function
() );
});
fis2 入門 fis3使用
api v2.0 api 3.0 f 1.使用 fis 只需要三條命令 fis server h 檢視幫助 fis server strart 開啟服務 fis server open 檢視fis的根目錄 fis release 進行編譯並且傳送檔案到指定的目錄 預設的是無服務www目錄,會自動將當...
fis3 使用心得
因為專案原因,公司的框架選擇是fis3,因此我就接觸了下fis3這個東西。樓主沒用過webpack,gulp和grunt也不熟,fis3做為自己第乙個使用的打包工具,感覺真tm好用。本文主要就介紹一下對於fis3的使用心得 非常非常淺顯,僅限於個人粗淺理解,偏近應用。入門可以,深入不一定好 啥是fi...
FIS3的簡單使用
fis3 是什麼?能做什麼?fis3 是面向前端的工程構建工具。解決前端工程中效能優化 資源載入 非同步 同步 按需 預載入 依賴管理 合併 內嵌 模組化開發 自動化工具 開發規範 部署等問題。1 安裝 fis3是基於node和npm的構建工具,需要安裝node,沒安裝node的請自行安裝。這裡是參...