express.static 和 lit-html
生活随笔
收集整理的這篇文章主要介紹了
express.static 和 lit-html
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
下面這段代碼：
app.use 指定的回調(diào)函數(shù)(第七行)，在任意類型的 HTTP 請求到來時，都會被觸發(fā)。
為了 serve 靜態(tài)文件比如圖片文件，css 文件和 JavaScript 文件，可以使用 express.static 這個內(nèi)置的中間件函數(shù)。
我們可以在 public 文件夾里放入 image 等類型的文件。
然后就可以用如下 url 訪問這些靜態(tài)文件了：
http://localhost:3000/images/kitten.jpg
app-limit-width, 這些都是占位符。
運行時在 prodcast 下面出現(xiàn)了大量的 section 節(jié)點。
這些節(jié)點生成的位置在 client.js 里：
lit：
lit 即 package.json 里定義的依賴：lit-html:
lit-template 是一個針對 JavaScript 的 html 模板庫。
看個最簡單的例子：
// 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 的生成源代碼，可能是遇到了這個問題。
更多Jerry的原創(chuàng)文章，盡在：“汪子熙”:
總結(jié)
以上是生活随笔為你收集整理的express.static 和 lit-html的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Lava Agni 2 手机价格曝光：搭
- 下一篇： 2023年度票房破200亿：《满江红》4