获得徽章 1
- #青训营笔记创作活动#
1月23日 打卡day8
今日学习
认识Esbuild是基于 Golang 开发的一款打包工具,采用go语言开发,多核并行,开发高效,但是 ES5 产物的场景只用 Esbuild 无法胜任展开评论1 - #青训营笔记创作活动#
1月24日 打卡day9
今日学习
TinyPNG压缩工具,减少WEBP、JPEG和PNG的文件大小
1、安装:在打包工程代码前,执行命令行$ npm i yx-tiny -D,使用$ npx tiny ,输入「文件夹名称-tinyImg」,选择一或多个tinyImg,最后选择压缩模式「全量」或「自定义」,选择需要压缩的图片
2、TinyPng实现原理:查找图片资源,分配任务进程,上传原图到TinyPng,下载压缩图片,写入覆盖图片。展开评论1 - #青训营笔记创作活动#
1月18日 打卡day5
今日学习
1、借助moment实现计算各种时间,比如计算下次生日还有多少天
2、复制文本操作
3、防抖/节流操作
4、过滤特殊字符
5、将RGB转为16进制
6、检测是否是一个函数/一个安全数组/一个安全对象展开评论1 - #青训营笔记创作活动#
1月13日 打卡day1
今日学习
鼠标的三个事件;
监听事件所需要的参数有横纵坐标、偏移量;
通过滤镜的方式,调节鼠标移出移入的亮暗效果;
鼠标移动,偏移的计算原理展开评论1 - #青训营笔记创作活动#
1月14日 打卡day2
今日学习
认识了很多新的实用工具,满满的干货![[大笑]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_55.74ed629.png)
1、JSON在线格式化,www.json.cn
2、代码生成图片,carbon.now.sh
3、矢量图标-iconfont,www.iconfont.cn
4、css动画效果,www.webhek.com
5、快速部署,surge.sh
6、多平台测试,responsively.app
展开评论1 - #青训营笔记创作活动#
1月16日 打卡day3
今日学习
认识一种新的项目管理方式——Monorepo,满满的干货![[奋斗]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_29.2801857.png)
Monorepo把多个项目放在一个仓库里面,每个项目对应一个单独的仓库来分散管理。
其存放方式:在 packages 存放多个子项目,并且每个子项目都有自己的package.json
其优点:
1、工作流一致性:所有项目在一个仓库中,复用方便
2、项目复用一套标准工具和规范
3、适合团队协作,方便代码共享及复用展开评论1 - #青训营笔记创作活动#
1月17日 打卡day4
今日学习
1、早期异步代码原理,缺点
2、Promise的三个阶段,resolve、reject函数的使用,then、catch、finally方法的使用及返回值
3、进阶版的Promise的回调地狱
4、async/await的使用展开评论1
![[大笑]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_55.74ed629.png)
![[奋斗]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_29.2801857.png)