如果用axios请求，发送数据格式为query方式，并且发送参数数据中有数组，会导致参数中有[]的问题，如下方例子http://localhost/dev-api/wk/ro...
发简信
IP属地：北京
-
解决axios请求query方式传参时url参数中数组参数带'[]'问题
-
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的属性锚点，为对应...
-
一文彻底搞懂nth-child和nth-of-typeelt:nth-child(n) n: 从1开始的正整数 查找匹配的规则： 找到当前元素的父元素下所有的子元素,然后在所有的子元素中找到第n个元素，如果这个第n个元素是符合e...
-
width宽度自适应属性值fill-available、fit-content、max-content、min-content解析先把html写出来 下面挨个解析属性值到底是怎么用 fill-available、-webkit-fill-available可以让元素宽度自行填充，类似width:100%...
-
table表格css设置表头固定定位和前几列固定定位主要用到position: sticky这个css属性html的table表格架构 先用css设置表格表头thead tr th固定 设置表格前几列固定如果表格的列的宽是不固...
-
ES14(ES2023) 数组上新增的新特性、新功能
toSorted toSorted和sort方法一样，都是排序的，但是toSorted可以返回一个全新的数组，而不是在原数组上进行操作 toReversed toRevers...