氢灵子

Web可以通过设置`viewport`的`width`来指定视口逻辑像素数量，我们通常设置为`device-width`来达到最佳的显示效果。

与使用JavaScript不同的是，用Typescript写Vue程序要需要了解Vue的相关类型。Vue核心的类型，大部分写在@vue/runtime-core包中。

浏览器 宏任务和微任务 Javascript 引擎单线程运行，有宏任务队列和微任务队列控制程序执行顺序。

选集（selection）是D3的基础，它用于选择元素，并支持编辑、绑定数据等操作。为了自己的巩固和分享，写了这篇解析D3选集的文章。

Chrome控制台的命令和console对象方法总结。 Chrome Devtool Console 控制台中的预置命令有很多有用的功能。

树图是很常用的图表，它有结点和子节点的结构。如果一个结点的子节点太多，我们通常会把它们先隐藏起来，在点击父节点的时候展开显示。为了美观和流畅，我们可以加上展开收起的动画。

在新的vue-router@4中，我们不需要对`history.state`进行特殊的处理，反而可以利用vue-router存放在其中的数据来标记第一层路由。

打字效果是常见的动画，它靠 CSS 和等宽字体就可以实现。 原理 这个技巧主要使用了 CSS 属性 animation steps 来控制文本容器的宽度，使宽度以一定速度突变，就便表现出打字的效果。

CSS 新特性实验笔记。这些属性可能比较新，也可能早就进入了标准，但大都没有在所有的浏览器都得到支持。