经常迁移博客是件头疼的事，每次都要折腾一堆文件，所以折腾了一下，使用docker部署博客。
antd upload组件不能显示参数图片缩略图
在使用ant-design-vue的upload组件时，无法显示加密图片，经过测试，凡是带参数的图片地址都无法显示缩略图。
Object.preventExtensions(),Object.seal(),Object.freeze()
| 方法 | 描述 | 详情 |
|---|---|---|
| Object.preventExtensions() | 让一个对象变的不可扩展，也就是永远不能再添加新的属性。 | MDN |
| Object.isExtensible() | 判断一个对象是否是可扩展的（是否可以在它上面添加新的属性）。 | MDN |
| Object.seal() | 封闭一个对象，阻止添加新属性并将所有现有属性标记为不可配置。当前属性的值只要可写就可以改变。 | MDN |
| Object.isSealed() | 判断一个对象是否被密封。 | MDN |
| Object.freeze() | 冻结一个对象，冻结指的是不能向这个对象添加新的属性，不能修改其已有属性的值，不能删除已有属性，以及不能修改该对象已有属性的可枚举性、可配置性、可写性。该方法返回被冻结的对象。 | MDN |
| Object.isFrozen() | 判断一个对象是否被冻结。 | MDN |
层叠顺序（stacking level）与堆栈上下文（stacking context）
z-index 看上去其实很简单，根据 z-index 的高低决定层叠的优先级，实则深入进去，会发现内有乾坤。
getComputedStyle
引用MND的说明：
Window.getComputedStyle()方法返回一个对象，该对象在应用活动样式表并解析这些值可能包含的任何基本计算后报告元素的所有CSS属性的值。 私有的CSS属性值可以通过对象提供的API或通过简单地使用CSS属性名称进行索引来访问。
格式化上下文
BFC 是 W3C CSS 2.1 规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。
css响应式正方形居中
body -> div#box，body铺满屏幕，box是一个宽度为body一半的正方形，用css使box垂直水平居中。