NickH

即用户看到的区域，视觉视口宽度pc端为浏览器宽度，移动端为手机屏幕宽度。 放大页面时，视觉视口将缩小，单个css像素将占据更多的物理像素。 pc端布局视口宽度为浏览器宽度。 移动端可通过viewport的content设置布局视口宽度，content小于屏幕宽度时被设置为屏幕宽…

防止容器内部元素的外边距跟外部的外边距折叠设置容器为BFC在容器上加上边框或者内边距防止容器内的元素相互之间发生外边距折叠设置容器为flex布局或网格布局

body为一层容器，container为一层，container设置最大宽度，两边边距自动计算。 页面较宽时，container取最大宽度，两边边距自动计算。 页面较窄时，两边没有边距，cantainer宽度由内容决定，尽量避免出现滚动条。 指一侧为图片，一侧为文字的布局方式，…

<header>头部<footer>底部<aside>侧边栏<main>主体<article>文章<session>分段

假如按照以上配置，访问https://juejin.cn/editor时， $uri 就是取查找 editor。 因此先查找是否有/$root/$uri(即/www/fe/editor)文件，如果有，则返回该文件内容。 否则，则查找/$root/$uri/(即/www/fe/e…

在v-enter-ative和v-leave-active中定义过渡的时间、延迟和曲线函数。 在v-enter和v-leave-to设置与元素正常显示时相反的样式。 在v-enter-ative和v-leave-active中定义动画。 显示状态下，过渡流程中的各个类样式是移除…

至此，补丁生成成功。依赖修改版本需要重打补丁，重新安装同一版则不需要。

nth-of-type 匹配指定的第N个出现的元素，同时要满足匹配的规则，且和标签类型有关。与nth-child不同的是，nth-chld匹配的是该层级中所有元素所在的位置，nth-of-type匹配的是相同类型标签出现的顺序。

Vue为了高效地渲染元素，默认会复用已有元素而不是重新渲染。在上面的代码中，如果没有为input元素设置key,在切换loginType之后，Vue会使用原来的input元素，而其中的内容也不会清空。为了使切换loginType之后input元素的内容清空，需要为input标签…