获取dom节点尺寸var omw=document.querySelector('#box') // 获取宽高 console.log(omw.offsetWidth,omw.offsetHeight) // 获取宽高（不计算边框） console.log(omw.clientWidth,omw.clientHeight) 获取dom节点偏移量var a=docume...

数组常用方法 注意：前面7种方法会改变原数组 1. push 后面追加元素2. pop 后面删除元素3. unshift 前面追加元素4. shift 前面删除元素5. splice 删除与增加，比如arr.splice(1, 1)、arr.splice(1, 0, "lz")6. reverse 倒序7. sort 排序： 从小到大 var arr1 = [10, ...

前言说来惭愧，最近学习sass后，才发现原来css中也可以写变量，原来自己对css的知识只是冰山一角，接下来我们就来写一个简单的动态改变背景颜色的demo css中如何定义变量:root{ --color: #000; } 如何使用body{ height: 96vh; background-colo...

数组方法 拆分多维数组flat let arr = [1,2,[3,4,[5,6]]] console.log(arr.flat(2)) // [1,2,3,4,5,6] 数组元素修改fill let arr = [1, 2, 3, 4, 5] console.log(arr.fill(10, 2)) // [1, 2, 10, 10, 10] 只改变数组其中一个元素with let...

介绍mix-blend-mode 是一种 CSS 属性，它定义了一个元素的颜色如何与其父元素的颜色以及兄弟元素的颜色混合。它允许您创建令人惊艳的视觉效果，可以用于创建半透明效果、添加阴影、制作图片蒙版和很多其他效果。 具体属性值 difference将前景色减去背景色的值，并取绝对值。这会导致一个反相的效果。效果如下: multiply将两个颜色的值相乘，得到一个更暗的颜色。这通常用于创建...