express.static 和 lit-html
下面這段代碼：
app.use 指定的回調(diào)函數(shù)(第七行)，在任意類型的 HTTP 請(qǐng)求到來時(shí)，都會(huì)被觸發(fā)。
為了 serve 靜態(tài)文件比如圖片文件，css 文件和 JavaScript 文件，可以使用 express.static 這個(gè)內(nèi)置的中間件函數(shù)。
我們可以在 public 文件夾里放入 image 等類型的文件。
然后就可以用如下 url 訪問這些靜態(tài)文件了：
http://localhost:3000/images/kitten.jpg
app-limit-width, 這些都是占位符。
運(yùn)行時(shí)在 prodcast 下面出現(xiàn)了大量的 section 節(jié)點(diǎn)。
這些節(jié)點(diǎn)生成的位置在 client.js 里：
lit：
lit 即 package.json 里定義的依賴：lit-html:
lit-template 是一個(gè)針對(duì) JavaScript 的 html 模板庫(kù)。
看個(gè)最簡(jiǎn)單的例子：
// Import lit-html functions import { html, render } from 'lit-html';debugger; const myTemplate = (name) => html`<div>Hello ${name}</div>`;const div = document.getElementById('jerry'); render(myTemplate('lit-html'), div);index.html:
<html><body><h1>Hello</h1><div id="jerry"></div></body> </html>最后的輸出：
如果你發(fā)現(xiàn)在 Chrome 開發(fā)者工具里無法調(diào)試 lit html 的生成源代碼，可能是遇到了這個(gè)問題。
更多Jerry的原創(chuàng)文章，盡在：“汪子熙”:
總結(jié)
以上是生活随笔為你收集整理的express.static 和 lit-html的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Lava Agni 2 手机价格曝光：搭
- 下一篇： 什么是 Web API 中的 backg