FIS使用技巧

2022-03-19 04:28:18 字數 1984 閱讀 5270

一、單模組檔案-自執行()

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的請自行安裝。這裡是參...