例如我们需要统计一个数组里每个工种的数量，电工有多少个人，木工有多少个人等等，这个数组里的数据是每个工人的信息，如下面的数据 可以用reduce函数来循环判断，如果有的话数量...
发简信
IP属地：北京
-
统计计算数组中的某个字段相同的数量
-
toLocaleString数字转为千分位并保留小数
设置千分位并保留两位小数 设置最大保留三位小数，最小保留一位小数 使用'en-US'或者'en-CA'都会使用逗号作为千分位分隔符 对小数的设置，minimumFractio...
-
对不规则形状设置阴影filter: drop-shadow的使用filter: drop-shadow() 是 CSS 中的一种高级阴影效果，与 box-shadow 类似，但有更灵活的应用场景。它主要用于为元素（尤其是图像或透明背景元素...
-
使用CookieStore设置和获取或者删除cookie
CookieStore是浏览器提供的现代API，隶属于Window对象，用于以异步、面向对象的方式操作Cookie。cookieStore是基于promise设计的，所以可以...
-
解决axios请求query方式传参时url参数中数组参数带'[]'问题
如果用axios请求，发送数据格式为query方式，并且发送参数数据中有数组，会导致参数中有[]的问题，如下方例子http://localhost/dev-api/wk/ro...
-
flex多行布局的行间距异常、上下行间隔太大问题如图所示，如果父级是flex布局，并且设置了高度**(必须是设置了高度才会出现的问题)**，然后子级li换行后，上下行之间的间隔就会被平分，也就是图上这样的效果，我们需求是想...
-
css实现组织架构图2-一对多，再多对一，再对多先看下效果图 其中html代码 css代码,主要用ul和li的before、after伪元素进行设置，其中ul伪元素主要用来实现连接下方的线，li的伪元素主要是来实现连接左右...
-
css实现组织架构图1-一对多，逐级增多先看下效果图 其中html代码 css代码,主要用ul和li的before、after伪元素进行设置，其中ul伪元素主要用来实现连接下方的线，li的伪元素主要是来实现连接左右...
-
监听localStorage变化
有时候需求需要在两个页面交互，比如说在浏览器窗口A页面修改了一个项目之后，之前打开的窗口B页面也需要跟着修改成A页面修改的项目，不然用户会很奇怪两个页面的数据不一致，所以就可...
-
Object.prototype.toString.call() 来判断数据类型
Object.prototype.toString.call()来获取数据类型，除了NaN判断为Number类型，其余类型判断都是准确的
-
structuredClone() 深拷贝克隆对象
JS新特性structuredClone()，一行代码深拷贝克隆对象，比起JSON.parse(JSON.stringify(obj))深拷贝性能更好 可以深拷贝任何结构的类...
-
getBoundingClientRect 获取 DOM 元素位置和尺寸的原生方法getBoundingClientRect() 是 JavaScript 中用于获取 DOM 元素位置和尺寸的原生方法，返回一个包含 top、right、bottom、lef...
-
小程序自定义头部导航栏背景图片和page内容背景图片拼接一张图如下图所示，需要将自定义导航栏的背景图和下方page内容的背景图片拼接上并且对齐 首先我们算出自定义头部的高度，头部设置height为该高度 在html中设置自定义头部的高度...
-
js小程序显示物流信息step，手机号高亮可以打电话以下图片是物流信息的UI图 按照UI图实现html和css物流信息分为左右两侧，左侧是竖线和圆圈，按照定位，都定在左侧，右侧是信息，也是父级，给相对定位 页面写好后，开始用数...
-
navigator.wakeLock.request("screen")保持屏幕唤起常亮状态，阻止息屏
网页保持屏幕唤起常亮状态，阻止息屏，一行代码搞定 因为保持屏幕唤醒是一个占用资源开销的行为，所以浏览器中，当页面最小化或者切换到非当前页的标签页的时候，屏幕的wake锁定就会...
-
html元素popover属性解析popover是一个全局属性，给任意元素添加popover属性后，这个元素就会变成一个悬浮层，层级也会变成最高的，高于页面上的一切，不会被其他元素遮盖，例如全局loading...
-
css中margin-inline、margin-block、border-inline、border-block、inset-inline、inset-block逻辑属性解析
css中margin-inline、margin-block、border-inline、border-block、inset-inline、inset-block逻辑属性解...
-
css原生嵌套规则和@scope作用域用法
css原生嵌套规则其实，CSS嵌套和 Sass、Less 的嵌套类似css原生嵌套规则可以将选择器嵌套到另一个选择器中，但是必须是以符号开头，例如&(父级(.box)本身自己...
-
css中:target伪类的用法解析首先得知道一个知识点，就是锚点。锚点就是a标签中的href属性指向某个元素的id，点击后浏览器会滚动到该元素的位置:target伪类就是根据a标签上href的属性锚点，为对应...