瀏覽器端Less_html/css_WEB-ITnose

 
 注意：
 
　　如果啟動(dòng)了觀察模式，則瀏覽器會(huì)不斷請(qǐng)求less文件，根據(jù)Last-Modified參數(shù)判斷是否重新渲染頁(yè)面，這會(huì)造成很大的性能消耗，所以在線上不要開(kāi)啟觀察模式。如果是開(kāi)發(fā)環(huán)境，這方便了我們觀察效果。
 完整demo： 
　　reset.less是重置瀏覽器默認(rèn)樣式，config.js是瀏覽器選項(xiàng)的配置參數(shù)，如下：
 
config.js
 
 
less = { env: "development", // or "production" async: false, // load imports async fileAsync: false, // load imports async when in a page under // a file protocol poll: 1000, // when in watch mode, time in ms between polls functions: {}, // user functions, keyed by name dumpLineNumbers: "all", // "comment" or "mediaQuery" or "all" relativeUrls: false,// whether to adjust url's to be relative // if false, url's are already relative to the // entry less file rootpath: ":/"http:// a path to add on to the start of every url //resource};
 
 
index.html
 
 
  
輸出的CSS文件。這有助于您調(diào)試，分析其中一個(gè)特定的規(guī)則是從哪里來(lái)的。
comments 選項(xiàng)用于

Type: String
Options: development or production
Default: depends on page URL
運(yùn)行環(huán)境，如果是production，你的css文件將被緩存到本地并且信息不會(huì)輸出到控制臺(tái)。如果url以file://開(kāi)頭或者在你本地或者沒(méi)有標(biāo)準(zhǔn)的端口，這都將被認(rèn)為是development模式。
例如：
less = { env: 'production' };
errorReporting

Type: String
Options: html|console|function
Default: html
設(shè)置編譯失敗時(shí)錯(cuò)誤報(bào)告的方法。
fileAsync

Type: Boolean
Default: false
當(dāng)以file協(xié)議訪問(wèn)頁(yè)面，是否異步引入文件
functions

Type: object
用戶自定義函數(shù)
e.g.
less = {
functions: {
myfunc: function() {
return new(less.tree.Dimension)(1);
}
}
};
可以像Less函數(shù)一樣使用它。
.my-class {
border-width: unit(myfunc(), px);
}
logLevel

Type: Number
Default: 2
在控制臺(tái)輸出日志的數(shù)量。如果是production環(huán)境，將不會(huì)輸出任何信息。
2 - Information and errors1 - Errors0 - Nothing
poll

Type: Integer
Default: 1000
在觀察模式下，測(cè)試的時(shí)間。
relativeUrls

Type: Boolean
Default: false
使用相對(duì)路勁。如果設(shè)置FALSE，則url是相對(duì)根目錄文件。
globalVars

Type: Object
Default: undefined
全局變量列表注入代碼。“字符串”類型的變量必須顯式地包含引號(hào)。
less.globalVars = { myvar: "#ddffee", mystr: "\"quoted\"" };
這個(gè)選項(xiàng)定義了一個(gè)可以被文件引用的變量。這個(gè)變量也可以在文件中重新定義。
modifyVars

Type: Object
Default: undefined
Same format as globalVars.
與 globalVars參數(shù)含義相反,它將會(huì)在你文件最后定義，這意味著它將重寫(xiě)你在文件定義的。
rootpath

Type: String
Default: false
設(shè)置根目錄，所有的Less文件都會(huì)以這個(gè)目錄開(kāi)始。
useFileCache

Type: Boolean
Default: true (previously false in before v2)
是否要使用每個(gè)會(huì)話文件緩存。緩存文件可以使用modifyVars，并且它不會(huì)再次檢索所有文件。如果您使用觀察模式或調(diào)用刷新加載設(shè)置為true,那么運(yùn)行之前緩存將被清除。

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com