??layui的工具集模塊util支持固定條、倒計(jì)時(shí)等組件，同時(shí)提供輔助函數(shù)處理時(shí)間數(shù)據(jù)、字符轉(zhuǎn)義、批量事件處理等操作。
??util模塊中的fixbar函數(shù)支持設(shè)置固定條（2.7版本的幫助文檔中叫固定塊），是指固定在頁面一側(cè)的工具條元素，不隨頁面滾動(dòng)條滾動(dòng)，默認(rèn)在頁面右下角位置。fixbar函數(shù)的原型為util.fixbar(options)，options中的主要基礎(chǔ)參數(shù)如下所示：
??1）bars。設(shè)置固定條中的按鈕（或者叫菜單，英文是bar，layui中文教程中沒有看到合適的翻譯，暫且叫按鈕）數(shù)組，每個(gè)按鈕包括type（標(biāo)識(shí)）、icon（圖標(biāo)）、content（顯示內(nèi)容）和style（按鈕樣式），固定條組件觸發(fā)按鈕事件時(shí)會(huì)將按鈕的type傳入事件處理函數(shù)。bars屬性是2.8版本新增的屬性，在2.7版本中，主要包括bar1、bar2和top三個(gè)按鈕，2.8中為了兼容歷史版本代碼，如果檢測(cè)到有bar1、bar2屬性，則會(huì)將之處理后放入bars屬性中，以便后續(xù)統(tǒng)一處理，詳細(xì)的可以見參考文獻(xiàn)4中util.js文件的代碼。使用示例及效果如下所示。top按鈕的效果是回到頁面開頭位置，算是固定條組件內(nèi)置的功能按鈕，只要按鈕type為top即可，一般中頁面開頭位置隱藏后才出現(xiàn)top按鈕。

	util.fixbar({
	    bars: [
			{
				type:'test1',
				icon:'layui-icon-heart'						
			},
			{
				type:'test2',
				icon:'layui-icon-key'		
			},
			{
				type:'top',
				icon:'layui-icon-top'
			}
		]
		,default:false
		,bgcolor:'#00aaff'
	  });

??2）bgcolor，設(shè)置固定條組件的背景色；
??3）css，設(shè)置固定條組件外層容器的任意 css 屬性，可以用來調(diào)整固定條的位置；
??4）on ，設(shè)置固定條組件中按鈕的事件處理函數(shù)，2.7版本中僅支持設(shè)置click事件的處理函數(shù)，2.8版本中則可以設(shè)置多種類型的事件處理函數(shù)；
??5）default ，是否顯示默認(rèn)的固定條，默認(rèn)值為true，此時(shí)會(huì)將bar1、bar2、top按鈕根據(jù)設(shè)置情況加入到bars屬性中，代碼如下所示。

??util模塊中的countdown函數(shù)支持設(shè)置倒計(jì)時(shí)，其函數(shù)原型為util.countdown(options)，在2.8版本中，options參數(shù)中主要包括date（倒計(jì)時(shí)截止時(shí)間值）、now（當(dāng)前時(shí)間值）、ready（倒計(jì)時(shí)初始時(shí)的事件響應(yīng)函數(shù)）、clock（倒計(jì)時(shí)過程中的事件處理函數(shù)，每秒觸發(fā)一次）、done（倒計(jì)時(shí)完成時(shí)的事件響應(yīng)函數(shù)），而在2.7版本中則僅有endTime（對(duì)應(yīng)2.8中的date）、serverTime（對(duì)應(yīng)2.8中的now）、callback（對(duì)應(yīng)2.8中的clock）等三個(gè)基礎(chǔ)參數(shù)。倒計(jì)時(shí)組件的使用示例請(qǐng)見參考文獻(xiàn)3，在此不在演示。
??除了上述組件，util模塊還以供以下函數(shù)以輔助編程或操作：
??1）timeAgo，返回指定時(shí)間在當(dāng)前時(shí)間的多久前，該函數(shù)并不總是返回精確值，還有可能返回概況說法，如下所示；

??2）toDateString，格式化輸出時(shí)間字符串，詳細(xì)的參數(shù)說明見參考文獻(xiàn)6；
??3）digit，函數(shù)原型為util.digit(num, length)，即將數(shù)字num轉(zhuǎn)換為字符串，如果字符串長(zhǎng)度小于 length，則在左側(cè)補(bǔ)零至長(zhǎng)度為length；
??4）escape/unescape，轉(zhuǎn)義/還原h(huán)tml字符串，將html字符串中的特殊字符轉(zhuǎn)義/還原，作用類似于C#中的tobase64string和frombase64string；
??5）openWin，打開瀏覽器新標(biāo)簽頁，最終要的基礎(chǔ)參數(shù)為url，即設(shè)置要打開的網(wǎng)址，其它參數(shù)見參考文獻(xiàn)6；
??6）on，設(shè)置批量處理事件，其函數(shù)原型為util.on(attr, obj, eventType)，意思是處理所有屬性名為attr的頁面元素的eventType事件（默認(rèn)為click事件），在obj中針對(duì)attr的具體值設(shè)置事件處理函數(shù)，具體的介紹見參考文獻(xiàn)2、3、6。
??目前為止，layui2.7版本中的主要教程內(nèi)容已經(jīng)過了一遍，但是由于2.8版本新增或者優(yōu)化了不少內(nèi)容，后續(xù)可能還會(huì)花時(shí)間梳理2.8中的變更內(nèi)容，同時(shí)在網(wǎng)上或者GitHub中找具體的項(xiàng)目或程序代碼學(xué)習(xí)layui的用法。

參考文獻(xiàn)：
[1]B站：layui框架精講全套視頻教程
[2]https://layui.gitee.io/v2/docs/
[3]https://layui.gitee.io/v2/demo/
[4]https://github.com/layui/layui/
[5]https://layui.dev/docs/2.8/
[6]https://layui.dev/docs/2.8/util/#toDateString文章來源地址http://www.zghlxwxcb.cn/news/detail-732288.html

到了這里，關(guān)于layui框架學(xué)習(xí)（45： 工具集模塊）的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！