书架

书架

=一个知识书库=

js for循环异步

js for循环异步

在JavaScript中,如果你想要在循环中执行异步操作,但又希望这些异步操作能够按顺序执行(而不是同时执行,从而导致可能的竞态条件),你可以使用几种不同的方法来实现这一点。下面是一些常用的方法: # 1. 使用`async/await`和`for...of`循环 你可以使用`async/await`结合`for...of`循环来顺序执行异步操作。这种方法可以让代码更清晰,易于理解。 ```javascript async function fetchData() { const urls = ['url1', 'url2', 'url3']; for
more...
Vue2 3实现dom拖动,Ctrl+鼠标滚轮放大缩小

Vue2 3实现dom拖动,Ctrl+鼠标滚轮放大缩小

1、在Vue2/3中dom拖动,Ctrl+鼠标滚轮放大缩小dom,可以使用`@panzoom/panzoom`库实现具体实现 2、npm下载插件包`npm install @panzoom/panzoom -S` 3、在需要的页面按需引入(也可以全局引入),详细见下文代码块 4、通过@wheel事件监听鼠标滚轮,调整dom大小(@wheel是只有当我们滚动鼠标滚轮的时候,才会触发) <!--more--> ## Vue2实现方式 ```javascript <template> // 需要拖动的dom <div ref="dom" @wheel="w
more...
css marker伪元素

css marker伪元素

> * 现在,在使用 `<ul>` 或 `<ol> `时,自定义数字或项目符号的颜色、大小或类型很简单。 > * 利用css的`:marker`伪元素,我们可以很轻易的更改内容以及项目符号和数字的某些样式。 > * `::marker`伪元素它作用在任何设置了`display:list-item`的元素或伪元素上。 <!--more--> # `::marker`是什么? css 伪元素 `::marker` 是从 CSS Pseudo-Elements Level 3 开始新增,CSS Pseudo-Elements Level 4 中完善的一个比较新的伪元素,从 Ch
more...
css单位

css单位

CSS 有几个不同的单位用于表示长度。 一些设置 CSS 长度的属性有 `width`, `margin`, `padding`, `font-size`, `border-width`, 等。 长度有一个数字和单位组成如 `10px`, `2em`, 等。 数字与单位之间不能出现空格。如果长度值为 0,则可以省略单位。 对于一些 CSS 属性,长度可以是负数。 有两种类型的长度单位:相对和绝对。 ------ <!--more--> ## 浏览器支持 下表中的数字表示支持该长度单位的最低浏览器版本。 | 长度单位
more...
html figure标签

html figure标签

在HTML中,`<figure>` 和 `<figcaption>` 是用于包含视觉内容和相关说明的元素。该元素通常用于图像、图表、插图或其他媒体内容的语义标记。通过使用这些标签,我们可以更好地将内容和结构信息分离,提升网页的可读性和可访问性。在创建一个复杂和内容丰富的网页时,合理地使用这些标签不仅能增强网页的语义,也有助于搜索引擎优化([**seo**](https://www.3000.cn/tag/seo))。 <!--more--> # 作用 首先,让我们深入了解一下 `<figure>` 元素的作用。`<figure>` 用于封装自包含的内容,通常是媒体元素及其说明
more...