国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

pug學(xué)習(xí)

wangbjun / 966人閱讀

摘要:學(xué)習(xí)由于商標(biāo)版權(quán)問題,已經(jīng)改名為。是一個(gè)高性能的模板引擎,它是用實(shí)現(xiàn)的,并且可以供使用當(dāng)然還支持其他語言。

pug學(xué)習(xí)

jade(pug)
由于商標(biāo)版權(quán)問題,jade已經(jīng)改名為Pug。
Pug 是一個(gè)高性能的模板引擎,它是用 JavaScript 實(shí)現(xiàn)的,并且可以供 Node 使用,當(dāng)然還支持其他語言。

文件后綴名為.pug(.jade)

pug優(yōu)點(diǎn)

可讀性高

靈活的縮進(jìn)

塊展開

代碼默認(rèn)經(jīng)過編碼處理(轉(zhuǎn)義),安全性高

運(yùn)行時(shí)和編譯時(shí)上下文錯(cuò)誤報(bào)告

支持命令行編譯

支持html5模式

在內(nèi)存中緩存(可選)

原生支持 Express

合并動(dòng)態(tài)和靜態(tài)標(biāo)簽類

過濾器

安裝

npm安裝 建議安裝個(gè)nrm來進(jìn)行源管理

</>復(fù)制代碼

  1. npm install pug -g
  2. npm install pug-cli -g
測(cè)試demo

為了方便編寫代碼,最好把編譯器的tab設(shè)置:2.

</>復(fù)制代碼

  1. // index.jade
  2. doctype html
  3. html
  4. head
  5. title jade test
  6. body
  7. h2 jade study

粗暴的編譯方法

</>復(fù)制代碼

  1. // index.html
  2. jade test

    jade study

發(fā)現(xiàn)編譯后的代碼不具備可讀性

</>復(fù)制代碼

  1. pug -- help
  2. Options:
  3. -P, --pretty compile pretty HTML output ## 輸出漂亮結(jié)構(gòu)的HTML
  4. -D, --no-debug compile without debugging (smaller functions) ## 不帶調(diào)試的編譯
  5. -w, --watch watch files for changes and automatically re-render ## 對(duì)某個(gè)文件的變動(dòng)保持監(jiān)控
  6. -E, --extension specify the output file extension ## 指定輸出文件擴(kuò)展名
  7. -s, --silent do not output logs ## 不輸出日志
  8. // 重新編譯
  9. pug -P index.jade
  10. jade <span class="hljs-built_in">test</span>
  11. jade study

自動(dòng)編譯
只是為了學(xué)習(xí),這里只要設(shè)置-w -P .開發(fā)中通過打包工具來進(jìn)行自動(dòng)編譯.

</>復(fù)制代碼

  1. pug pug -o . -w -P

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/113649.html

相關(guān)文章

  • pug學(xué)習(xí)

    摘要:學(xué)習(xí)由于商標(biāo)版權(quán)問題,已經(jīng)改名為。是一個(gè)高性能的模板引擎,它是用實(shí)現(xiàn)的,并且可以供使用當(dāng)然還支持其他語言。 pug學(xué)習(xí) jade(pug)由于商標(biāo)版權(quán)問題,jade已經(jīng)改名為Pug。Pug 是一個(gè)高性能的模板引擎,它是用 JavaScript 實(shí)現(xiàn)的,并且可以供 Node 使用,當(dāng)然還支持其他語言。 文件后綴名為.pug(.jade) pug優(yōu)點(diǎn) 可讀性高 靈活的縮進(jìn) 塊展開 代碼默...

    li21 評(píng)論0 收藏0
  • pug學(xué)習(xí)

    摘要:學(xué)習(xí)由于商標(biāo)版權(quán)問題,已經(jīng)改名為。是一個(gè)高性能的模板引擎,它是用實(shí)現(xiàn)的,并且可以供使用當(dāng)然還支持其他語言。 pug學(xué)習(xí) jade(pug)由于商標(biāo)版權(quán)問題,jade已經(jīng)改名為Pug。Pug 是一個(gè)高性能的模板引擎,它是用 JavaScript 實(shí)現(xiàn)的,并且可以供 Node 使用,當(dāng)然還支持其他語言。 文件后綴名為.pug(.jade) pug優(yōu)點(diǎn) 可讀性高 靈活的縮進(jìn) 塊展開 代碼默...

    wangdai 評(píng)論0 收藏0
  • 初步認(rèn)識(shí)pug

    摘要:一初步認(rèn)識(shí)所謂的就是我們之前說的也就是一種通過縮進(jìn)的方式來編寫代碼的過程,在編譯的過程中,我們不需要考慮標(biāo)簽是否閉合的問題。使用縮進(jìn)來表示標(biāo)簽間的嵌套關(guān)系,這樣可以構(gòu)建一個(gè)代碼的樹狀結(jié)構(gòu)持續(xù)更新,歡迎大家指教 一、初步認(rèn)識(shí)pug 1.所謂的pug就是我們之前說的jade,也就是一種通過縮進(jìn)的方式來編寫代碼的過程,在編譯的過程中,我們不需要考慮標(biāo)簽是否閉合的問題。此外,用這種編譯方式,加...

    anRui 評(píng)論0 收藏0
  • 初步認(rèn)識(shí)pug

    摘要:一初步認(rèn)識(shí)所謂的就是我們之前說的也就是一種通過縮進(jìn)的方式來編寫代碼的過程,在編譯的過程中,我們不需要考慮標(biāo)簽是否閉合的問題。使用縮進(jìn)來表示標(biāo)簽間的嵌套關(guān)系,這樣可以構(gòu)建一個(gè)代碼的樹狀結(jié)構(gòu)持續(xù)更新,歡迎大家指教 一、初步認(rèn)識(shí)pug 1.所謂的pug就是我們之前說的jade,也就是一種通過縮進(jìn)的方式來編寫代碼的過程,在編譯的過程中,我們不需要考慮標(biāo)簽是否閉合的問題。此外,用這種編譯方式,加...

    supernavy 評(píng)論0 收藏0
  • webpack打包多頁面

    摘要:創(chuàng)建打包路徑利用這個(gè)方法,我們可以獲得需要打包的文件路徑方法中獲取文件路徑的模塊也可使用模塊,根據(jù)獲得打包的文件路徑,我們可以使用來實(shí)現(xiàn)多頁面打包。 前言 一開始接觸webpack是因?yàn)槭褂肰ue的關(guān)系,因?yàn)閂ue的腳手架就是使用webpack構(gòu)建的。剛開始的時(shí)候覺得webpack就是為了打包單頁面而生的,后來想想,這么好的打包方案,只在單頁面上使用是否太浪費(fèi)資源了呢?如果能在傳統(tǒng)多頁...

    Allen 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<