parent 的 opacity < 1,使 parent 形成了上下文,child-container 的 z-index 相对于的是parent上下文,不参与全局的上下文。会被后面的文档流覆盖掉。所以会出现 hover 抓不到子元素的现象。
博客
记录人生路程
理解css 1234值表示法
css 属性的四个值的属性从左上角开始,顺时针设置:
- 如果设置三个值,则第二个值 为对称值,即省略的第四个值与第二个值一致。
# 上右下左
padding: 10px;
# 上下、左右
padding: 10px 20px;
# 上、左右、下
padding: 10px 20px 15px;
# 上、右、下、左
padding: 10px 10px 20px 15px;
# 全部
border-radius: 50%;
# 左上角&右下角、右上角&左下角
border-radius: 50% 10%;
# 左上角、右上角&左下角、右下角
border-radius: 25% 50% 40%;
# 左上角、右上角、右下角、左下角
border-radius: 10% 30% 50% 70%;
# 左上角、右上角、右下角、左下角的上下值
border-radius: 4px 3px 6px / 2px 4px;
/* 等价于: */
/* border-top-left-radius: horizontal vertical */
/* horizontal:表示椭圆的水平半长轴在被用作边框的半径 */
/* vertical: 表示椭圆 的垂直半长轴在被用作边框的半径 */
/* 两个值可以设置左上角的圆角(圆弧)效果 */
border-top-left-radius: 4px 2px;
border-top-right-radius: 3px 4px;
border-bottom-right-radius: 6px 2px;
border-bottom-left-radius: 3px 4px;
你不知道的 js 拆箱操作
解释:
拆箱操作,即对象转换为基本类型。可以将对象转换为字符串、数字或布尔值。拆箱操作的语法为 unboxing(object)
。
你不知道的 parseInt 方法
解释:
parseInt方法,解析字符串为数字。可以将字符串转换为整数。parseInt方法的语法为parseInt(string, radix)
axios 适配器以及适配器选择逻辑
axios是什么
axios 是一个基于 promise 的 HTTP 库,可以用于浏览器和 node.js 中。关键词:跨端、基于 promise
想念小波
现在是小波离开我们的第48小时,小波去世了。
前天晚上,我们先是做出了给小波安乐的决定,然后在小波去世后,从医院带小波回家,给小波擦拭因为安乐死导致的口鼻出血,到第二天早起带回唐女士父母家埋葬。一切都是那么匆忙,直到现在我还缓不过来神。 在唐女士父母家埋葬完小波后,我和唐女士匆匆回到了我们自己家,一是我们的悲伤情绪会限制其他人的活动,二是我们必须要在自己家里直面情绪。
从 0 开始配置 macbook
不知道是因为摔过一次,还是因为夏天到了,或者是因为 macbook pro 本身散热性能太差,于是我向公司申请了换一台笔记本电脑,但由于众所周知的原因,公司目前没有新的笔记本存活,于是我拿到了一台前人用过的 2019年的 macbook pro。让运维帮忙重装了一下系统,然后开始了我从 0 开始配置的历程。记录一下,供大家学习,也为了以后方便再次配置。