获得徽章 2
- #青训营笔记创作活动#
1月23日 打卡day9
文章阐明了图片压缩的重要性，并介绍了TingPNG这个压缩网站，并给出了批量压缩文件夹内图片的demo。TinyPNG使用智能的「有损压缩技术」来减少WEBP、JPEG和PNG文件的文件大小。通过选择性地减少图像中的「颜色数量」，使用更少的字节来存储数据。这种效果几乎是看不见的，但在文件大小上有非常大的差别。展开评论点赞 - #青训营笔记创作活动#
1月22日 打卡day8
文章介绍了Esbuild打包工具，该工具使用GO语言开发，并充分利用多核优势，提高打包速度。评论点赞 - #青训营笔记创作活动#
1月21日 打卡day7
文章介绍了WebRTC(Web Real-Time Communications)的概念，即创建P2P连接，实现流媒体传输。并介绍了其应用场景。然后以屏幕分享和音视频通话为例，详细讲解了其基本语法和流程。展开评论点赞 - #青训营笔记创作活动#
1月20日 打卡day6
文章介绍了‘抓包’的概念和原理，然后介绍了抓包工具whisle，并展示了三个实战案例评论点赞 - #青训营笔记创作活动#
1月19日 打卡day5
文章介绍了JavaScript的一些工具方法，例如回到页面顶部、防抖/节流、过滤特殊字符等。评论点赞 - #青训营笔记创作活动#
1月18日 day4
文章详细剖析了JavaScript的promise，并逐步讲解了async await的过程。评论点赞 - #青训营笔记创作活动#
1月16日 day3
本篇文章介绍并阐述了Monorepo模式。
简单讲Monorepo就是把多个项目放在一个仓库里面，与之相对立的就是MultiRepo模式，即将每个项目放置到单独的代码仓库内。Monorepo模式的优点主要在于当存在大量的复用代码需要修改的时候，可以避免逐个更改每个使用了改代码的仓库，避免了重复提交commit。
但是，与之相对的，Monorepo模式也需要考虑项目间依赖分析、依赖安装、构建流程、测试流程、CI 及发布流程等诸多工程环节，同时还要考虑项目规模到达一定程度后的性能问题，比如项目构建/测试时间过长需要进行增量构建/测试、按需执行 CI等等。
在文章的最后，作者介绍了一些Monorepo模式的相关工具，例如`lerna`、`rushstack`等，文章内有更加详细的介绍，我再次便不做过多赘述了。展开评论点赞 - #青训营笔记创作活动#
1月15日 打卡day2
该文章介绍了16个前端相关的网站，主要包含四个部分：工具网站，代码托管网站，素材库，杂项
其中素材库是5-10，这几个素材库可以有效地帮助前端人员寻找网页插图及图标，美化网站的同时降低了素材寻找的难度。展开评论点赞 - #青训营笔记创作活动#
1月14日 打卡day1
该实现方法主要是基于三个鼠标事件'mousedown', ‘mousemove’, 'mouseup'实现。
在鼠标定位到待选序列的图片时，对图片进行克隆，并调整原位置图片对象，实现了突显选定对象，克隆后图像平滑拖拽、移动等效果。
针对克隆的图片使用图片实际值，遇到较大图片会导致卡顿这个问题，利用浏览器加载过同一张图片就会优先读缓存的机制来进行规避，使浏览器’自动‘优化这个过程。展开评论点赞