zlc516的博客

因为 JSON 的语法是基于 js 的，因此很容易将 JSON 和 js 中的对象弄混，但是应该注意的是 JSON 和 js 中的对象不是一回事，JSON 中对象格式更加严格，比如说在 JSON 中属性值不能为函数，不能出现 NaN 这样的属性值等，因此大多数的 js 对象是不符合 JSON 对象的格式的。如果需要传输这些类型的数据，通常需要将其转换为 JSON 支持的类型（如字符串）或在接收端进行特殊处理。JSON 可以用作轻量级的数据存储格式，尤其是在不需要完整数据库支持的情况下。

这些方法中，Array.isArray()是最推荐的方法，因为它简单且准确。通常，数组的constructor属性会指向Array构造函数，而普通对象的constructor属性会指向Object构造函数。这是一种比较通用的方法，因为即使修改了对象的constructor或prototype，它通常也能正确工作。Array.isArray()是一个静态方法，它接受一个参数，如果参数是一个数组，则返回true，否则返回false。这是区分数组和对象的最直接和最准确的方法。

元素相对于其正常位置进行定位。在这个例子中，CSS样式定义了header的position为sticky，并设置top为0，这样当页面向下滚动时，标题会固定在浏览器的顶部。元素相对于浏览器窗口进行定位，即使页面滚动，它仍然会停留在同一的位置。这是相对于用户的滚动位置定位的元素，基本上是一种相对定位和固定定位的混合。元素相对于最近的已定位父元素（即 position 不为 static 的元素）进行定位。main元素有一个padding-top，用于确保当标题固定在顶部时，内容不会覆盖标题下方的空间。

rem同样是相对长度单位，但它是相对于HTML根元素的字体尺寸来设置的。这意味着，无论页面中的哪个元素，其使用rem单位的尺寸都是根据根元素的字体尺寸来计算的。这意味着，当父元素的字体尺寸发生变化时，使用em单位的子元素也会相应地变化。因此，使用px单位定义的元素尺寸、位置和间距等是固定的，不会受到其他元素尺寸变化的影响。在这个例子中，.child元素的字体大小将是.grandparent元素字体大小的1.875倍（因为1.25em * 1.5em = 1.875em）。

大多数浏览器对线条粗细的渲染都是以完整像素为单位的。当你尝试设置一个非整数的像素值时，浏览器通常会将其向上或向下舍入到最接近的整数像素。1. 使用transform: scale()

它可以将另一个HTML页面嵌入到当前页面中，并且可以通过设置iframe的属性，如width、height、scrolling等，来控制嵌入页面的显示方式和尺寸。：iframe可以在一个HTML文档中嵌入另一个HTML页面或文档，使其他页面的内容以框架的形式展示在当前页面中。由于iframe中的内容与主页面是隔离的，因此它可以在一定程度上防止恶意代码或不受信任的内容对主页面造成破坏。这对于加载时间较长的大型网页尤其有用，可以提高页面加载速度，并且在加载过程中，用户可以先看到部分内容，从而提高用户体验。

BFC 其实就是页面独立渲染的一个区域，这块区域有自己的排列规则，并且不受外部区域影响。