清晨的阳光透过窗户洒进来，泡上一杯温热的咖啡，翻开这篇文章，就像和老友聊聊天。前端面试里那些让人紧张的题目，今天咱们慢慢聊，把晦涩的知识点变成轻松有趣的小故事，让学习也成为晨间惬意的时光～

面试题：display: block和display: inline这两个 CSS 属性在 HTML 元素上有什么区别？实际应用场景有哪些？

不少小伙伴在面试时，一碰到这类基础但又容易混淆的问题，心里就开始打鼓。别着急，咱们把这两个属性比作不同性格的 “小伙伴”，一下子就能明白它们的不同之处啦。

相信很多小伙伴都遇到过这样的情况：明明公式写得很完美，却因为数据问题突然冒出#DIV/0!、#VALUE!这些讨厌的错误值

DOM属性：

1、firstChild firstElementChild

1.1、firstChild : 在IE9+和其他标准浏览器中，div与p之间的空白区域被认为是第一个子节点为空白节点（即文本节点），div显示数字3

恶意文档类分析

分析步骤

1 主要判断目标文件的类型，如网页、office文档、pdf类。

上次在文章ThreeJS中三维世界坐标转换成二维屏幕坐标

用表格函数公式处理数据时，大家是不是常遇到下方这种提示呢？

其实呀~ 这些都代表着公式使用出现错误。根据百度数据显示：每 10 人搜索函数公式，就会有约 6 人搜索函数公式错误值！

可见，表格的「函数公式」是一个十分让人困扰的问题......

不过，从今天开始，这个问题有了解决方法，因为 WPS 正式推出全新的表格使用体验

对于一些刚接触Excel的小伙伴来说，Excel真的是非常难搞的，想要做个简单的表格都要花上大半天的时间，也是没谁了。在刚接触Excel的时候，有很多小伙伴都犯过不少的错误，不过以下这些想必大家都中招过，今天就让我们来看看吧~

一、一般错误

1.日期格式错乱

①错误展示

在Excel表格中，我们经常会输入一些当前日期等等，不过有很多小伙伴在输入日期的时候，却没有注意过日期的格式，很多小伙伴都会用小数点等等多种不同的标点来隔开日期，但是这样的格式是错误的。

前阵子看《翦商》的时候就在想，看这些历史相关的书，能不能把时间节点做成一张时间线图？这个想法就挥之不去了。后来看《戏很多的医学史》的时候这个想法更加强烈了，于是在Obsidian里折腾了一波，今天跟大家分享一下，在Obsidian里通过Mermaid和插件，制作时间线图的方法。

第一种是用Marmaid做甘特图，甘特图的做法我上次已经发过一篇长文了，不再赘述。

日常处理平均值、环比、同比的过程中，

如果除数为0或为空值，

结果会报错"#DIV/0!"。

如下图：

常见处理思维为嵌套IF函数，

其实IFERROR函数处理此问题更简洁。

示例：

嵌套IFERROR函数

公式解析：

当(A2-B2)/B2计算的结果报错时，返回"--"，否则返回(A2-B2)/B2。

相对于IF函数，减少了一个函数参数，且判断条件简单直接，IF函数需要判断0值和空值两种情况。

flex 布局在项目中是必不可少的，但 grid 是一个比 flex 布局还要强大的布局方式。所以今天就来重学一遍 grid 栅格布局。

一、grid 基本概念

flex 可以看做一维布局，只针对的是水平方向或者垂直方向。grid 则将容器划分成行和列，产生单元格，然后指定项目的单元格，可以看做是一个二维布局。所以 grid 布局要比 flex 布局更强大。