因为fetch是一个IO操作，所以是异步的。因为fetch是异步的，所以导致后面所有函数调用都需要处理 async await 代码如下 async function getData( { const data = await fetch('...
网站首页 > JavaScript 第2页
实现代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewpor...
原理 核心原理是利用 requestAnimationFrame 来逐帧更新一个计数器 count，然后通过返回的函数来判断当前是否已经达到了指定的帧数。 Defer属性的使用场景和效果 这个 Hook 可以用于延迟加载某些资源或组件，直到页面已经渲...
代码解释 调用多线程(web Worker 进行大文件切片 代码实现 // utils/cutFile.js function cutFile(file { return new Promise((resolve =>{...
应用场景 ==需要把worker代码和业务代码写到一个文件内== const code = ` onmessage = function(e { let { data } = e; let max = Math.m...
代码实现 // canvas 下载图片 function downImg(src, name, ext { const img = new Image( ; img.src = src; img.setA...
代码解释 生成一个在最大数和最小数之间的随机数 实现代码 /** * 生成随机数 * @param min 最小数 * @param max 最大数 */ function getRandom(min,...
实现效果 代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewpo...
Echarts封装 <template> <div ref="chartRef" class="echarts-container"></div> </template> <script>...
声明一个hooks /hooks/useWatermarkBg.js import { computed } from 'vue'; export default function useWatermarkBg (props { return com...
