建站
咨詢
售后
建站咨詢
新聞中心
Less可以在客戶端上運行（IE6+、Webkit、Firefox），也可以在服務(wù)端運行（Node.js、Rhino）。
創(chuàng)新互聯(lián)建站主營建湖網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,app軟件定制開發(fā),建湖h5小程序定制開發(fā)搭建,建湖網(wǎng)站營銷推廣歡迎建湖等地區(qū)企業(yè)咨詢
less在瀏覽器中使用，當(dāng)你想編譯less文件動態(tài)地需要而不是在服務(wù)器端，這是因為less是一個大的javascript文件。
首先，我們需要添加LESS腳本以在瀏覽器中使用LESS:
要在頁面上找到樣式標(biāo)簽，我們需要在頁面上添加以下行。 它還創(chuàng)建帶有編譯css的樣式標(biāo)簽。
設(shè)置選項
在腳本標(biāo)記之前，可以通過編程方式在較少的對象上設(shè)置選項。 它將影響less的所有編程使用和初始鏈接標(biāo)記。
例如，我們可以設(shè)置選項如下:
我們還可以在腳本標(biāo)記上以其他格式設(shè)置選項，如下所示:
您還可以將此選項添加到鏈接標(biāo)記中。
屬性選項的要點如下:
-
window.less是重要性級別。
-
無法在camel中寫入數(shù)據(jù)屬性，并將鏈接標(biāo)記選項表示為時間選項。
-
具有非字符串值的數(shù)據(jù)屬性應(yīng)為JSON有效。
觀看模式
可以通過將 env 選項設(shè)置為開發(fā)并在添加less.js文件后調(diào)用 less.watch()來啟用觀看模式 。 如果您希望暫時啟用觀看模式，請將#！watch 添加到網(wǎng)址。
修改變量
啟用LESS變量的運行時修改。 當(dāng)調(diào)用新值時，LESS文件被重新編譯。 修改變量的基本用法是:
less.modifyVars({
'@buttonFace': '#eee',
'@buttonText': '#fff'
});
調(diào)試
我們可以將選項！dumpLineNumbers:mediaquery 添加到上面提到的url或 dumpLineNumbers 選項。 mediaquery 選項可與FireLESS一起使用(它顯示LESS生成的CSS樣式的原始LESS文件名和行號。)
選項
在加載腳本文件less.js之前，必須在全局少于對象中設(shè)置選項。
-
async:它是一個布爾類型。 無論是否使用選項async，都會請求導(dǎo)入的文件。 默認(rèn)為false。
-
dumpLineNumbers:這是一個字符串類型。 在輸出css文件中，當(dāng)設(shè)置dumpLineNumbers時，將添加源行信息。 它有助于調(diào)試特定規(guī)則來自。
-
env:這是一個字符串類型。 env可以在開發(fā)或生產(chǎn)上運行。 當(dāng)文檔URL以 file:// 開頭或位于本地計算機中時，會自動設(shè)置開發(fā)。
-
errorReporting:當(dāng)編譯失敗時，請設(shè)置錯誤報告方法。
-
fileAsync:它是一個布爾類型。 當(dāng)一個頁面與文件協(xié)議，然后它請求是否異步導(dǎo)入。
-
functions:它是對象類型和用戶函數(shù)。
-
logLevel:它是一種數(shù)字類型。 它在javascript控制臺中顯示日志記錄級別。
-
2:信息和錯誤
-
1:錯誤
-
0:沒有
-
-
poll:在手表模式下，輪詢之間的時間以毫秒為單位。 它是一個整數(shù)類型，默認(rèn)情況下設(shè)置為1000。
-
relativeUrls:網(wǎng)址調(diào)整為相對，默認(rèn)情況下，它設(shè)置為false，這意味著網(wǎng)址已經(jīng)相對于條目少文件。 它是一個布爾類型。
-
globalVars:將全局變量列表插入代碼。 字符串類型變量應(yīng)該包含在引號中。
-
modifyVars:它與全局變量選項相反，它移動您的less文件末尾的聲明。
-
rootpath:它設(shè)置每個URL資源開始時的路徑。
-
useFileCache:使用每個會話文件緩存。 較少文件中的緩存用于調(diào)用modifyVars，其中所有較少的文件將不會再次檢索。
文章標(biāo)題：創(chuàng)新互聯(lián)less教程：Less在瀏覽器中使用
標(biāo)題URL：http://m.5511xx.com/article/dpchdpg.html
