qq_42339350的博客

描述之前用过react的ahook很舒服，但是vue的ahook功能太少。于是仿照react ahooks的useRequest 写的异步请求状态管理 加载更多，成功，加载中，失败示意图测试代码<template> <view> <h2>自动触发</h2> <view v-if="state.loading">loading</view> <view v-else-if="state.erro

简单说工厂模式生成的对象，只知道是个对象，但是不知道是哪个工厂生产的。构造函数模式生成的对象，你不仅知道它是个对象，而且你还知道它是哪来的。例如 /*构造函数*/ function ObjKind(num=0){ this.num=num; } /*工厂模式*/ function factoryKind(num){ return { num } } const oObj=new ObjKind(

const obj={ a:1, b:2, } delete obj.a console.log('obj', obj);大量删除操作建议使用es6的map。

结论说前推荐使用async和await，语法看起来更简洁和顺眼区别pormise的then 和catch不会阻塞后面的代码 console.log('.then代码的之前'); api() .then((e) => { console.log('.then执行了'); }) console.log('.then代码的之前');而 await/async 并不会阻塞后

参考地址JS 正则截取字符串1、js截取两个字符串之间的内容：varstr = "aaabbbcccdddeeefff";str = str.match(/aaa(\S*)fff/)[1];alert(str);//结果bbbcccdddeee2、js截取某个字符串前面的内容：varstr = "aaabbbcccdddeeefff";tr = str.match(/(\S*)fff/)[1];alert(str);//结果aaabbbcccddd3、js截取某个字符串后面的内容：

参考文章js块级作用域和let，const，var区别总结什么是块作用域{ }ECMAScript 6(简称ES6)中新增了块级作用域。块作用域由 { } 包括，if语句和for语句里面的{ }也属于块作用域。没有let const 块作用域之前有什么问题在if或者for循环中声明的变量会泄露成全局变量for(var i=0;i<=5;i++){ console.log("hello");}console.log(i); //5内层变量可能会覆盖外层变量va

忽略了时区moment().toLocaleString() //本地时间 Thu Apr 08 2021 16:25:42 GMT+0800moment().toISOString() //零时区时间 2021-04-08T08:25:42.736Z很容易发现相差八个小时，这涉及到地理方面的知识，每个地区的时间都不一样，中国属于东八区，所以相对零时区会相差八小时。有什么作用统一时区，数据库中只存储零时区的时间。这样不管你是在美国访问页面，还是中国访问页面，都能保证时间是本地时间。

业务前提概述往canvas添加图片的时候，图片要能够正好在canvas里面，等比缩放适应。错误效果：正确效果：思路先提前规定几个名词imgH 图片的高度imgW 图片的宽度targetHeight 目标容器的高度targetWdith 目标容器的宽度hScale=targetHeight /imgH (以宽为基准的缩放比例)wScale=targetWdith /imgW (以高为基准的缩放比例)scale=Math.min(hScale,wScale)只要取以宽为基准

下载图片利用a标签，添加download属性赋予下载功能<img src={src} style={{width:100,height:100}}/><a href={src} download={'下载'}>点击下载图片</a>如何批量下载多个图片？主动循环触发多个a标签的点击事件即可打包成zip下载用到的第三方库jszip、 jszip官方api和demofile-saver下载库yarn add jszip / npm add jsz

错误原因没写协议头错误写法window.open=('albumEditorAdmin:8080/photoShop/PhotoShop')正确写法window.open=('http://albumEditorAdmin:8080/photoShop/PhotoShop"')参考Failed to launch ‘xxxxxx‘ because the scheme does not have

利用img标签注意要在onload中拿宽高不然会是0onload要写在src之前否则ie会报错 let img=document.createElement('img') img.onload=()=>{ alert(img.height) alert(img.width) } img.

思路利用setTimeOut，每秒将数值减一利用useRef设置定时器，方便清楚 const [time,setTime]=useState(null)//倒计时时间 const timeRef=useRef()//设置延时器 //倒计时 useEffect(()=>{ //如果设置倒计时且倒计时不为0 if(time&&time!==0) timeRef.current=setTimeout(()=&gt

原理拿到dom元素添加onscroll事件更具下面参数判断垂直到底部scrollHeight - scrollTop ===clientHeight水平到底部scrollWidth - scrollLeft === clientWidth