下面这段代码：
app.use 指定的回调函数(第七行)，在任意类型的 HTTP 请求到来时，都会被触发。
为了 serve 静态文件比如图片文件，css 文件和 JavaScript 文件，可以使用 express.static 这个内置的中间件函数。
我们可以在 public 文件夹里放入 image 等类型的文件。
然后就可以用如下 url 访问这些静态文件了：
http://localhost:3000/images/kitten.jpg
app-limit-width, 这些都是占位符。
运行时在 prodcast 下面出现了大量的 section 节点。
这些节点生成的位置在 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>
最后的输出：
如果你发现在 Chrome 开发者工具里无法调试 lit html 的生成源代码，可能是遇到了这个问题。
更多Jerry的原创文章，尽在："汪子熙":
网友评论