2.9k 字 3 分钟

# fetch 介绍

​ fetch () 是一个全局方法，提供一种简单，合理的方式跨网络获取资源。它的请求是基于 Promise。

418 字 1 分钟

你可以用 Array.prototype.some() 方法巧妙判断字符串中是否包含数组中的任意单词。例如： // 判断 str 是否包含 arr 中任意一个单词const arr = ['apple', 'banana', 'cat']const str = 'I have a banana and an orange.'const hasWord = arr.some(word => str.includes(word))console.log(hasWord) // true如果需要判断为 “完整单词”...
1.7k 字 2 分钟

在 JavaScript 中，如果你想要在循环中执行异步操作，但又希望这些异步操作能够按顺序执行（而不是同时执行，从而导致可能的竞态条件），你可以使用几种不同的方法来实现这一点。下面是一些常用的方法： # 1. 使用 async/await 和 for...of 循环 你可以使用 async/await 结合 for...of 循环来顺序执行异步操作。这种方法可以让代码更清晰，易于理解。 async function fetchData() { const urls = ['url1', 'url2', 'url3']; for...
2.2k 字 2 分钟

在 Vue 中实现非上传方式读取本地磁盘文件存在严格限制，这是由浏览器安全策略决定的（禁止网页直接访问用户文件系统）。以下是几种可行的技术方案及具体实现，根据运行环境选择： # ⚠️ 一、纯浏览器环境（需用户主动触发） 核心限制：必须通过用户显式操作（如点击文件选择框）触发，无法完全静默读取。技术方案： <input type="file"> + FileReader API 实现步骤： # 1. 隐藏文件输入元素：通过 CSS 隐藏 <input>...
1.6k 字 1 分钟

1、在 Vue2/3 中 dom 拖动，Ctrl + 鼠标滚轮放大缩小 dom，可以使用 @panzoom/panzoom 库实现具体实现
2、npm 下载插件包 npm install @panzoom/panzoom -S
3、在需要的页面按需引入（也可以全局引入）, 详细见下文代码块
4、通过 @wheel 事件监听鼠标滚轮，调整 dom 大小（@wheel 是只有当我们滚动鼠标滚轮的时候，才会触发）

728 字 1 分钟

前提是在 vue 里使用了代理

问题：

为了防止在测试调用接口的时候出现跨域的情况，一般都设置了代理，设置代理后直接 npm run start 并没有问题，访问接口也正常

但是当打包执行 npm run build 之后，console 控制台会出现下图 404 的情况？

如果 build 后的 dist 文件是放在 nginx 上的，可用以下方式解决 :

把对应的接口地址和反向代理的名称在 nginx 的 nginx.conf 文件里补充一下就可以，解决 404 的问题

1.2k 字 1 分钟

  • 现在，在使用 <ul> 或 <ol> 时，自定义数字或项目符号的颜色、大小或类型很简单。
  • 利用 css 的 :marker 伪元素，我们可以很轻易的更改内容以及项目符号和数字的某些样式。
  • ::marker 伪元素它作用在任何设置了 display:list-item 的元素或伪元素上。

2.1k 字 2 分钟

在 HTML 中， <figure> 和 <figcaption> 是用于包含视觉内容和相关说明的元素。该元素通常用于图像、图表、插图或其他媒体内容的语义标记。通过使用这些标签，我们可以更好地将内容和结构信息分离，提升网页的可读性和可访问性。在创建一个复杂和内容丰富的网页时，合理地使用这些标签不仅能增强网页的语义，也有助于搜索引擎优化（seo）。

1.1k 字 1 分钟

CSS 有几个不同的单位用于表示长度。

一些设置 CSS 长度的属性有 width , margin , padding , font-size , border-width , 等。

长度有一个数字和单位组成如 10px , 2em , 等。

数字与单位之间不能出现空格。如果长度值为 0，则可以省略单位。

对于一些 CSS 属性，长度可以是负数。

有两种类型的长度单位：相对和绝对。

2k 字 2 分钟

所有 demo 和代码可以在 https://www.shadertoy.com/view/X3sBR7 查看

在传统 3D 里面，纹理都是离线制作好，结合物体的形状生成的 UV 贴图。Shadertoy 中我们一切都是实时生成的。也就是我们需要更具实时生成出来的形状 找到对应面的纹理坐标。