用户7238871151469
获得徽章 1
#青训营笔记创作活动#
2月1日 打卡day5
学习了回到顶部、复制文本等实用组件，并把它们封装成可复用的react组件。也学习到了防抖/节流的技术
2月1日 打卡day5
学习了回到顶部、复制文本等实用组件，并把它们封装成可复用的react组件。也学习到了防抖/节流的技术
评论
点赞
#青训营笔记创作活动#
1月20日 打卡day4
一、Promise
1、Promise结构
new Promise((resolve, reject) => {
console.log(`executor 立即执行`)
})
Promise接受一个回调的立即执行函数，称为excuter，excuter中含有两个回调函数，一个为resolve，成功时调用，一个为reject，失败时调用
2、Promise状态
pending：执行了excuter，但未执行resolve或reject
fullfilled：执行了resolve
rejected：执行了reject
3、resolve方法
resolve参数会影响resolve结果，当只传入一个参数时，那这个参数成为.then中调用的参数；当传入一个新promise时，那么这个Promise决定原Promise的状态；当传入一个对象，且对象有then方法时，会先执行then方法，并把then方法传入then
4、then、catch方法
then方法可传入两个参数，res和rej，res为成功时调用，rej为失败时调用.
返回值也是promise，回传成功就为fullfilled
catch方法也一样，只不过是reject时调用catch，resolve时调用then
5、Promise.finally
无论reject或resolve，都要执行Promise.finally
6、Promise.all
传入可迭代对象，只有所有对象均为resolve时，才调用then方法
7、Promise.settled
Promise.all在有一个reject时，立即调用catch方法，就无法确定后面对象状态，也无法拿到参数。
Promise.settled无论reject与否，都会拿到参数
1月20日 打卡day4
一、Promise
1、Promise结构
new Promise((resolve, reject) => {
console.log(`executor 立即执行`)
})
Promise接受一个回调的立即执行函数，称为excuter，excuter中含有两个回调函数，一个为resolve，成功时调用，一个为reject，失败时调用
2、Promise状态
pending：执行了excuter，但未执行resolve或reject
fullfilled：执行了resolve
rejected：执行了reject
3、resolve方法
resolve参数会影响resolve结果，当只传入一个参数时，那这个参数成为.then中调用的参数；当传入一个新promise时，那么这个Promise决定原Promise的状态；当传入一个对象，且对象有then方法时，会先执行then方法，并把then方法传入then
4、then、catch方法
then方法可传入两个参数，res和rej，res为成功时调用，rej为失败时调用.
返回值也是promise，回传成功就为fullfilled
catch方法也一样，只不过是reject时调用catch，resolve时调用then
5、Promise.finally
无论reject或resolve，都要执行Promise.finally
6、Promise.all
传入可迭代对象，只有所有对象均为resolve时，才调用then方法
7、Promise.settled
Promise.all在有一个reject时，立即调用catch方法，就无法确定后面对象状态，也无法拿到参数。
Promise.settled无论reject与否，都会拿到参数
展开
评论
点赞
#青训营笔记创作活动#
1月19日 打卡day3
学习了mono repo，mono repo是一种将多个项目放在一个仓库中的管理模式，这样会降低代码复用性，版本管理更复杂，但是可以使工作流一致，方便团队协作
1月19日 打卡day3
学习了mono repo，mono repo是一种将多个项目放在一个仓库中的管理模式，这样会降低代码复用性，版本管理更复杂，但是可以使工作流一致，方便团队协作
评论
点赞
#青训营笔记创作活动#
1月18日 打卡day2
实用网站一览：
1、GitHub desktop
方便的git可视化工具，降低gir门槛
2、tinypng
免费压缩图片（小于5M，大文件建议使用squoosh）
3、json.cn
json格式化
4、iconfont
字体库
5、css3-animation
自动生成css动画
1月18日 打卡day2
实用网站一览：
1、GitHub desktop
方便的git可视化工具，降低gir门槛
2、tinypng
免费压缩图片（小于5M，大文件建议使用squoosh）
3、json.cn
json格式化
4、iconfont
字体库
5、css3-animation
自动生成css动画
展开
评论
点赞
#青训营笔记创作活动#
1月16日 打卡day1
抓取：通过offsetx和offsety记录下偏移量重新计算图片的坐标位置（因为offset只读，所以重置offset的值不能实现效果），实现抓取。
回退：判断图片坐标是否超出边界，未超出边界changestyle，并remove去除克隆出的元素
性能优化：类似于state合并，将多个css合并成数组，降低重绘操作
1月16日 打卡day1
抓取：通过offsetx和offsety记录下偏移量重新计算图片的坐标位置（因为offset只读，所以重置offset的值不能实现效果），实现抓取。
回退：判断图片坐标是否超出边界，未超出边界changestyle，并remove去除克隆出的元素
性能优化：类似于state合并，将多个css合并成数组，降低重绘操作
展开
评论
点赞