SunACong
后端
热爱学习新技术，敢于挑战自己
获得徽章 1
- #青训营笔记创作活动#
2月21日 打卡day11
Vite项目屏幕适配方案
1. 基于rem方案 即设置html/body根元素字体设为10px，然后设置子元素为1rem就是10px，适用于不固定宽高比的Web应用
2. 基于scale方案 使用transform属性的scale()方法来实现元素的缩放效果 适用于固定宽高比的Web应用展开评论点赞 - #青训营笔记创作活动#
2月19日 打卡day10
介绍了一些很实用的css技巧
1. position: sticky 可以实现表格类的首行吸顶
2. :empty 选择器 空容器显示自定义提示
3. gap 属性 可以在flex和grid布局中处理一些间距问题
4. background-clip: text 可以制作带背景的文字效果
5. user-select 可以控制选中与否 移动端
6. :invalid 伪类 来显示实时校验表单类的正确与否
7. :focus-within 伪类 聚焦焦点 可以根据子元素状态改变父元素状态
8. mix-blend-mode:difference 描述元素和直系父元素的背景和内容如何融合展开评论点赞 - #青训营笔记创作活动#
2月18日 打卡day9
今天学习到一个前端常用图片压缩工具，前端除了简洁小巧的精灵图外，有一些大图如果直接加载会出现加载速度缓慢的情况，所以在前端我们会对图片进行压缩处理，介绍了TinyPng的查找 分配 上传 下载 写入的实现思路。真正使用时请使用官方tinify展开评论点赞 - #青训营笔记创作活动#
2月16日 打卡day8
介绍了前端构建工具Esbuild，Golang开发，多核并行，高效利用内存的优势。对比SWC相比在速度方面效率高于SWC，但是兼容性较差。具体使用要结合自己的使用场景，文章提出的代码压缩工具。。。等是可以结合考虑使用Esbuild的。展开评论点赞 - #青训营笔记创作活动#
2月15日 打卡day7
WebRTC实时通讯技术，可以用在直播，游戏，会议，屏幕共享等。介绍了一些媒体流的知识，了解到一些WebRTC的常用API。最后通过一个小案例来理解了基本的WebRTC。评论点赞 - #青训营笔记创作活动#
2月14日 打卡day6
新学习了抓包案例，之前只简单开发过网页端，对开发者工具使用还算熟练，对抓包并不是很熟悉。文章看的也是一知半解。只能下去恶补知识了。评论点赞 - #青训营笔记创作活动#
2月13日 打卡day5
讲了很多很好的工具函数，其中的复制文本，节流防抖 过滤特殊字符都是经常使用的，但是我更喜欢GitHub copilot，哈哈哈。评论点赞
