艰难入职 儿子出生——订了一个小目标 2017 年 8 月 23 日，达达出生， 老婆做月子期间，我就开始准备简历了，把自己的坦克大战和餐饮系统的成品图以及代码都打印了出来，A4 纸打印代码特别耗纸，

我本科学的是国际贸易，乱选的专业。毕业后做了半年外贸，实在不喜欢，然后去做英文编辑了。第二份工作也很无聊，就是写英文软文，发表在国外的行业期刊上，给公司做广告。然后也做英文官网的内容。这是一个很没创意的工作。每天写几篇我自己都没感觉的文章，不知道价值在哪。最重要的是，这份职业里…

之前觉得自己懂了，搞了个总结：【前端】sticky粘性定位 。然后跟人对线，发现自己的确有疏漏，没杠过，所以又来了。 MDN上的资料感觉多少还是有点模糊，所以这次直接到w3c CSS Positioned Layout Module Level 3 去做阅读理解了。而且不随便乱…

这看起来非常奇怪，为什么我们没有写上述的样式，但它们还是被应用到了child类元素上。实际上原因很简单，因为有些属性本身就有默认值，并且这些默认值一般会被人为更改掉，当我们写CSS时，如果我们不知道这些属性的默认值，甚至不知道这些属性正在被应用，我们的CSS布局将会变得混乱且难…

如果一个元素的 flex-basis属性 的值为百分数，且它父级元素（flex容器）在主轴方向上的尺寸没有被显式设置，此时 flex-basis 的值会被解析为 content。

这个问题很多人问起过我，实际上，当我对使用 Flexbox 还不太熟悉的时候，我谷歌过这个问题很多次。查看下我的谷歌搜索历史，上一年我曾四次搜索类似“flex-basis vs width vs min-width”的问题。废话少说！今天让我来回答这个问题，希望大家以后不用再搜…

「这是我参与11月更文挑战的第12天，活动详情查看：2021最后一次更文挑战」 CSS 可替换元素和非替换元素 HTML5规范中的元素非常多，之前了解的比较多的都是从布局的角度分为行内元素和块级元素。

壹 ❀ 引 虚拟DOM（Virtual DOM）在前端领域也算是老生常谈的话题了，若你了解过vue或者react一定避不开这个话题，因此虚拟DOM也算是面试中常问的一个点，那么通过本文，你将了解到如下

line-height和font-size都是大家在日常开发过程中经常用到的css属性，例如line-height设置父容器的高度来实习文本垂直居中，那它背后的原理又是怎样呢？