chnwillliu

$localize 也支持运行时加载 translation 的啊

@Avalonisgreat 哪有 1 啊，都是 0 ！《从 0 开始学 Python 》《从 0 开始学 Linux 》《 0 基础入门 DevOps 》 1 都不用学这些的。

vertical-align 定义的是行级元素即 display inline 或 inline-box ，inline-flex 等，在行盒内垂直方向如何对齐。行盒高度由 line-height 决定，想象成英语作业本的四线三格，vertical-align 不同取值就是指定行盒内的行内盒子怎么和该行的四线三格对齐。

inline 元素创建出来的行内盒子比较简单，想象它自己也创建了个四线三格，默认 baseline 对齐行盒的 baseline 。上下标对齐就是行内盒的基线对齐行盒四线中的其他位置。你也就能理解 css 怎么做到一行内不同大小字体文字怎么实现的混排了。

对于 inline-block 元素就麻烦了，因为 inline-block 内部可以包括无限的其他元素，可以有各种行啊块啊，它作为一个行内盒子和行盒的四线三格怎么个对齐法呢？但 inline-block 内部总归是一堆块啊行啊的吧。spec 规定 inline-block 元素的 baseline 定义为内部常规流中的最后一个行盒的 baseline ，absolute 和 float 不在该列。如果 inline-block 内部没有行盒，那么 baseline 就是 margin 盒子的底边。

好了现在就可以分析你的 test1 了。test1 创建了一个行盒，line-height 从 body 继承。icon1 默认 baseline 对齐 test1 创建的行盒的 baseline ，也就是 40px 的底部，span1 创建的盒子要把中线对齐行盒的四线三格的中间，也就是基线往上一半格。行盒必须包含住行内所有盒子的高度，所以行的四线三格外会因为内部参差不齐导致实际高度比 line-height 高，test1 只有这一个行盒因此高度就是 test1 内容盒子的高度。你可以根据浏览器默认 body 上的 font-size 和 line-height 进而算出 test1 有多高，看看跟实际渲染的高度是否一致。

也不用物理层面破解啊，Chrome 有个插件可以对网页播放的音频录音，你前端怎么防？总得走 audio 标签或者 js audio API 来播放吧。

再不然系统层面要拦截一个程序的音频输出然后转存成音频文件你怎么防，都不用说物理信号层的音频转录了。

也就能做到防止别人扒出 url 直接下载音频文件的程度。

@yagamil 哈？ native speakers 一样烦恼命名问题啊，这跟英语好不好没关系。

@yunyuyuan 另外 preact 也引入了 signals 哈哈哈，因为 signals 可以做组件内的细粒度更新而不用考虑 hooks 随组件函数每次重复执行带来的心智负担，和闭包陷阱说再见。

技术永远在更新，但永远不可能存在银弹。

@joesonw 这跟 React 的 useEffect 不一样，你不如说和 Vue 的 watch 相似，数据有更新了做一些别的事而已。 要说对比那还得拿 solidJS 里的 Signal 对比。

@media print {
html, body {
display: none;
}
}

@fimd navigator 是浏览器的 API