gulp-file-include 基礎(chǔ)語(yǔ)法
1.基礎(chǔ)模塊調(diào)用
1 | @@include("./include/module.html") |
2.帶參模塊調(diào)用 /* 參數(shù)必須使用雙引號(hào) */
1 2 3 | @@include("./include/module.html", { "index": "active"}) |
3.文本變量
1 2 3 4 5 6 7 | //模塊<div>@@variate</div>//調(diào)用@@include("./include/module.html", { "variate": "true"}) |
4.URL變量
1 2 3 4 5 6 7 | //模塊<a href="@@url">我是一個(gè)鏈接</a>//調(diào)用@@include("./include/module.html", { "url": "www.baidu.com"}) |
5.if語(yǔ)句（外部）
1 2 3 4 5 6 7 8 9 | //模塊@@if (context.flag) { <div>我是一個(gè)模塊</div>}//調(diào)用@@include("./include/module.html", { "flag": "true"}) |
6.if語(yǔ)句（內(nèi)部）
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | //模塊<div class="@@if(context.flag) {active}">我是一個(gè)模塊</div>//調(diào)用@@include("./include/module.html", { "flag": "true"})//模塊<div @@if (context.flag === 'true') {class='active'}>我是一個(gè)模塊</div>//調(diào)用@@include("./include/module.html", { "flag": "true"}) |
7.for語(yǔ)句（基礎(chǔ)）
1 2 3 4 5 6 7 | //模塊@@for(var i = 0; i < 4; i++) { <div class="item">我是一個(gè)item</div>}//調(diào)用@@include("./include/module.html") |
8.for語(yǔ)句（進(jìn)階）
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | //模塊@@for(var i = 0; i < context.length; i++) { <a href="`+context.arr[i].url+`" class="item `+(i == 0 ? 'active' : '')+`">`+context.arr[i].text+`</a>}//調(diào)用@@include("./include/module.html", { "length": "4", "arr": [ { "text": "111", "url": "111" }, { "text": "222", "url": "222" }, { "text": "333", "url": "333" }, { "text": "444", "url": "444" } ]}) |
我們從以下三個(gè)方面，對(duì)比純靜態(tài)和偽靜態(tài)兩種靜態(tài)頁(yè)面生成方式，逐一展開分析。
用JS的正則表達(dá)式如何判斷輸入框內(nèi)為中文或者是英文數(shù)字，或者是三者混編
css制作扇形
純CSS3文字Loading動(dòng)畫特效
PhpStorm 2022.1 EAP 3 在 PHPDoc 和屬性中添加了對(duì)多行和嵌套數(shù)組形狀的完全支持：在這種情況下，可以使用數(shù)組形狀注釋定義數(shù)組結(jié)構(gòu)，以獲得鍵的代碼補(bǔ)全并推斷值的類型。
PHP作為Web界第一大語(yǔ)言近年來(lái)熱度不夠，但是這幾年的進(jìn)步和成長(zhǎng)卻沒有中斷。在2022伊始，我們來(lái)一起學(xué)習(xí)一下目前PHP的現(xiàn)狀以及最新版本帶來(lái)的特性。
Linux程序前臺(tái)后臺(tái)切換：在Linux終端運(yùn)行命令的時(shí)候，在命令末尾加上 & 符號(hào)，就可以讓程序在后臺(tái)運(yùn)行Ubuntu$">root@Ubuntu$ ./tcpserv01 &
Python 的正則表達(dá)式支持 多行模式，將每行文字分別匹配。然而各種操作系統(tǒng)里，換行符的表示法各不相同，會(huì)導(dǎo)致 Python 不能正確使用多行模式。