摘要：
两个要点 要点： 1. z-index为任意值，包括负值，可实现与isolation: isolate;一样效果，生产独立的层级上下文。 产生独立层级的目的是为了让绝对定位的伪元素显示在元素上方，但是在文字下方 如果仅仅将伪元素的z-index设置为-1，则伪元素会显示在元素下方，将不可见 2. 元 阅读全文
摘要：
1. 图片显示在文字下方，背景上方 只需要在容器加上 .card { position: relative; isolation: isolate; } 详细可参考 [译]你需要知道的CSS属性isolation，原文 The CSS property you didn't know you nee 阅读全文
摘要：
1. svg的transform和dom的不同，旋转中心不是默认自身，而是画布左上角 2. svg要以自身为中心旋转，可以使用rotate(angle [x y]), 比css的rotate(angel)多了x,y两个参数，x,y分别设置为svg图形的中心点坐标即可 3. 线性变换 translat 阅读全文
摘要：
react组件的值修改，也可以使用dom断点来定位。 之前一直误区，认为react组件的修改，不能用dom断点来拦截，实际上在涉及到修改具体原生组件属性的时候，也可定位。 例如： react组件内部使用了input组件，react组件值变化导致input的value发生改变，使用dom断点就可定位。 阅读全文
摘要：
1. windows机器开放热点，连接该热点 2. windows机器关闭所有防火墙(99%因为他) 3. windows机器关闭杀毒软件 4. ping 192或172的地址 阅读全文
摘要：
let nums = ['12.00', '12.001', '12.100', '12.350', '12.45']; console.log('nums: ', nums); nums.forEach(t => { console.log('num: ', trimZero(t)) }) fun 阅读全文
摘要：
使用iframe的页面通常会出现双滚动条，还有一些不希望出现滚动条的页面也出现了滚动条，这个时候希望隐藏滚动条。 一个直接的思路，是调整滚动容器的宽高和overflow，使得滚动条消失。但是往往是隐藏了滚动条，使得内容也被截断，不能达到效果。 换个思路，隐藏滚动条，只是让滚动条看不见，不是去除。 具 阅读全文
摘要：
1. cross-fade() 半透明图片 cross-fade() 可以混合两个或多个图像，并按比例混合它们的不同部分。这个函数的语法如下： 兼容性：chrome和safari, firefox不支持 cross-fade(<image1> [, <image2>] [, <percentage> 阅读全文
摘要：
console.trace之前一直觉得没用，可用断点，或xhr断点来直接定位调用栈 在一些特殊情况下，比如要跟踪某个值的调用过程，可以用此方法来观察调用栈，也比较方便 console.trace(result) 可以观察result这个变量的调用栈 从变量的角度，来看调用栈，易于追踪该变量值产生异常 阅读全文
摘要：
Skeleton Screen Loading，又叫 Skeleton Screen/加载占位图，就是显示dom骨架，加上流光加载效果。 骨架流光的原理，就是 渐变色(linear-gradient多个颜色) + 背景拉伸(background-size: 400% 100%) + 背景移动(bac 阅读全文