获得徽章 1
2022年12月20日 day9
今日学习--图片不压缩，前端要背锅 🍳
TinyPng：使用“有损压缩技术”来减少webp、jpeg、png文件的大小
方法：使用命令行工具在打包代码的之前，执行压缩命令对图片进行处理
实现步骤：查找：找出所有的图片资源；
分配：均分任务到每个进程；
上传：把原图上传到TinyPng；
下载：从TinyPng中下载压缩好的图片；
写入：用下载的图片覆盖本地图片； #青训营笔记创作活动#
今日学习--图片不压缩，前端要背锅 🍳
TinyPng：使用“有损压缩技术”来减少webp、jpeg、png文件的大小
方法：使用命令行工具在打包代码的之前，执行压缩命令对图片进行处理
实现步骤：查找：找出所有的图片资源；
分配：均分任务到每个进程；
上传：把原图上传到TinyPng；
下载：从TinyPng中下载压缩好的图片；
写入：用下载的图片覆盖本地图片； #青训营笔记创作活动#
展开
评论
1
#青训营笔记创作活动#
2022年12月18日 day7
今日学习--WebRTC 从实战到未来！迎接风口，前端必学的技术
WebRTC ：是一项实时通讯技术
应用场景：直播 游戏 视频会议/在线教育 屏幕共享/远程控制
主要学到了如何调取摄像头进行录像，拍照
如果录屏，通过canvas实现视频虚拟背景
2022年12月18日 day7
今日学习--WebRTC 从实战到未来！迎接风口，前端必学的技术
WebRTC ：是一项实时通讯技术
应用场景：直播 游戏 视频会议/在线教育 屏幕共享/远程控制
主要学到了如何调取摄像头进行录像，拍照
如果录屏，通过canvas实现视频虚拟背景
展开
评论
1
#青训营笔记创作活动#
2022年12月17日 day6
今日学习--前端人必须掌握的抓包技能
什么是抓包：抓包就是将网络传输发送与接收的数据包进行截获、重发、编辑、转存等操作
抓包工具：Whistle （ Node 实现的跨平台抓包免费调试工具）
工具特点：完全跨平台，功能强大，操作简单
2022年12月17日 day6
今日学习--前端人必须掌握的抓包技能
什么是抓包：抓包就是将网络传输发送与接收的数据包进行截获、重发、编辑、转存等操作
抓包工具：Whistle （ Node 实现的跨平台抓包免费调试工具）
工具特点：完全跨平台，功能强大，操作简单
展开
评论
1
#青训营笔记创作活动#
2022年12月16日 day5
今日学习--JavaScript 必须学会的11 个工具方法(避免重复造轮子)
其主要讲了几个常用的方法--如：防抖节流，回到顶部，复制文本，计算日期倒计时等等
2022年12月16日 day5
今日学习--JavaScript 必须学会的11 个工具方法(避免重复造轮子)
其主要讲了几个常用的方法--如：防抖节流，回到顶部，复制文本，计算日期倒计时等等
展开
评论
1
#青训营笔记创作活动#
2022年12月15日 day4
今日学习--前端人70%以上 不了解的promise/async await
这篇文章再之前就已经学习过了，主要讲的是promise的几种状态，状态变更，再promis之前是怎么解决请求封装的问题，怎么解决promise链式回调嵌套问题，在async之前是怎么解决的（生成器），还有async和await的刨析
2022年12月15日 day4
今日学习--前端人70%以上 不了解的promise/async await
这篇文章再之前就已经学习过了，主要讲的是promise的几种状态，状态变更，再promis之前是怎么解决请求封装的问题，怎么解决promise链式回调嵌套问题，在async之前是怎么解决的（生成器），还有async和await的刨析
展开
评论
1
#青训营笔记创作活动#
2022年12月14日 day3
今日学习--现代前端工程为什么越来越离不开 Monorepo?
Monorepo--多个项目放在同一个仓库的模式
优点：
1.更好的的代码复用（两个项目中若有相同的模块或需求，由于再同一个仓库中他们可以共同的去复用同一个组件）
2.所有的项目可以复用同一套标准的工具和规范，无需切换开发环境，降低维护成本
3.方便团队协作，能够方便共享和复用代码，方便项目源码检索
2022年12月14日 day3
今日学习--现代前端工程为什么越来越离不开 Monorepo?
Monorepo--多个项目放在同一个仓库的模式
优点：
1.更好的的代码复用（两个项目中若有相同的模块或需求，由于再同一个仓库中他们可以共同的去复用同一个组件）
2.所有的项目可以复用同一套标准的工具和规范，无需切换开发环境，降低维护成本
3.方便团队协作，能够方便共享和复用代码，方便项目源码检索
展开
评论
1
#青训营笔记创作活动#
2022年12月13日 day2
今日学习--推荐16个前端必备的实用工具与网站
今天主要了解了一些常用网站，具体都是工具类，收益颇多，感谢博主分享～大家也可以去学习学习了解一下
2022年12月13日 day2
今日学习--推荐16个前端必备的实用工具与网站
今天主要了解了一些常用网站，具体都是工具类，收益颇多，感谢博主分享～大家也可以去学习学习了解一下
展开
评论
1
#青训营笔记创作活动#
2022年12月12日 打卡day1
今日学习--原生拖拽太拉跨了，纯JS自己手写一个拖拽效果，纵享丝滑
主要通过原生js操作dom，实现拖拽效果
关键技术：mousedow，mousemove，mouseup；
在拖拽过程中通过江鼠标坐标设为克隆元素的绝对定位值在减去offset偏移量实现拖拽效果；
通过getBoundingClientRect方法获取画布本身相对视图的偏移，判断目标是否在画布区域，在则拷贝，不在则退回原位
2022年12月12日 打卡day1
今日学习--原生拖拽太拉跨了，纯JS自己手写一个拖拽效果，纵享丝滑
主要通过原生js操作dom，实现拖拽效果
关键技术：mousedow，mousemove，mouseup；
在拖拽过程中通过江鼠标坐标设为克隆元素的绝对定位值在减去offset偏移量实现拖拽效果；
通过getBoundingClientRect方法获取画布本身相对视图的偏移，判断目标是否在画布区域，在则拷贝，不在则退回原位
展开
评论
3
赞了这篇文章
赞了这篇文章
赞了这篇文章
关注了