02 2023 档案
摘要:2.x 双向绑定 //使用value和input老式写法 <ChildComponent v-model="pageTitle" /> //是以下的简写 <ChildComponent :value="pageTitle" @input="pageTitle = $event" /> //不使用va
阅读全文
摘要:1. 键值区别 Map 默认情况下,Map不包含任何键。这是一个全新的开始 Object 默认情况下,有自己的原型,包含对象的基本方法 2. map和Object的迭代 2.1 Map迭代 for (const [key, value] of map) { console.log(`key: ${k
阅读全文
摘要:1. useMemo本身成本不低,useMemo > 普通计算成本,不要用于记忆普通计算变量2. useCallback本身成本不低,useCallback > 普通函数重新创建,不要用于记忆普通函数 3. useMemo适用于记忆昂贵计算4. useCallback适用于记忆传入子组件props的
阅读全文
摘要:画表盘刻度有如下思路 1. 刻度使用真实节点矩形实现(节点多) 若配合投影,可以减少至1/4的节点。 1.1 若节点定位在0点,则旋转源点必须是圆心,用transform-origin带上半径处理 .g-item { left: 0; top: 0; transform-origin: 0 150p
阅读全文
摘要:1. ref 用于创建基础类型的响应式,也可以创建引用类型的响应式. 2. ref 对于引用类型,底层也是转换为 reactive 来进行响应式处理3. ref 创建的响应式数据在脚本中需要通过 .value, 模板中会自动添加上 .value,所以模板中不需要通过 .value 访问4. ref
阅读全文
摘要://fetch下载文件流 function download(url){ fetch(url).then(res => { return res.blob(); //return res.arrayBuffer(); }).then(res => { let type = "video/*" //
阅读全文
摘要:用FormData在提交数据时候,会自动设置 Content-Type。 无论提交普通字段,还是上传文件,都无需自行设置 Content-Type。 尤其在上传文件时候,自行设置 Content-Type: multipart/form-data,反而会导致上传失败。 因为浏览器自行添加的 Cont
阅读全文