
获得徽章 1
- #青训营笔记创作活动#
2月8日 打卡day11
今日学习Vite项目屏幕适配的两种方案
基于rem的适配方案-不固定宽高比的Web应用
基于scale的适配方案-固定宽高比的Web应用评论点赞 - #青训营笔记创作活动#
2月7日 打卡day10
今日学习 随着前端的不断发展,更多新的CSS 属性不断加入提案,以往需要结合js来实现的效果,现在可以直接用css来实现了,不过需要考虑兼容性的问题。
position: sticky- 实现标题在滚动的时候,会一直贴着最
顶上的效果
:empty 选择器- 在接口没有数据的情况下提示暂无数
据
gap-适用于Grid布局、Flex布局以及多列布局,让每个
元素之间隔开一定的距离
background-clip: text- 实现带背景的文字效果
user-select -可以静止用户光标选中,来实现web仿
app的效果
:invalid 伪类-不用 JS 也能实现校验提示的效果
:focus-within 伪类 -根据子元素的状态来改变父元素的
样式
mix-blend-mode:difference -混合模式图片的绘制展开评论点赞 - #青训营笔记创作活动#
2月5号打卡day9
今日学习 在网页图片数量较多,图片大小较大时,为了使网页图片能尽快加载显示,一般需要先将图片进行压缩处理。为了解放双手,我们可以直接封装一个工具,来实现对项目内图片自动压缩的效果(这就是机智的程序员吗,i了疗)。展开评论点赞 - #青训营笔记创作活动#
2月4日 打卡day8
今日学习Esbuild相关内容,Esbuild构建速度比传统打包工具快得多。Esbuild基于Golang、内部打包算法充分利用多核CPU 优势、从零造轮子保证代码性能、尽可能地复用一份 AST 节点数据从而提高内存的利用效率。与
SWC相比,在速度、兼容性、应用场景方面均有优势。
Esbuild具有插件机制,虚拟模块支持相对友好。展开评论点赞 - #青训营笔记创作活动#
2月3日 打卡day7
今日学习WebRTC是一项实时通讯技术,只能在HTTPS协议或者 localhost 下使用。借助WebRTC可以实现一个简单的背景替换的功能,如果是复杂的背景,则可以用
TensorFlow.js 中的 身体分割(BodyPix)来实现,利用
face-api.js则可以实现简单的换脸功能。展开评论点赞 - #青训营笔记创作活动#
2月2日 打卡day6
今日学习抓包的原理和抓包工具whistle 使用,了解了
http协议与https协议的区别,要实现https的抓包,需要使用中间人策略。熟练掌握抓包可以提高我们开发的效率。评论点赞 - #青训营笔记创作活动#
2月1日 打卡day5
今日学习JavaScript的工具方法,程序员不必重复造轮子,学习了用monment实现下次生日倒计时,还学习了回到顶部、复制文本、防抖/节流、过滤特殊字符、常用正则判断等常用功能的实现思路,等需要用时只需使用造好的轮子即可,十分方便快捷。展开评论点赞 - #青训营笔记创作活动#
1月31日 打卡day4
读完后知道了promise的出现解决了早期异步代码困境,但目前我还不能很好的理解文章的具体内容,暂且在此分享一下文章的结语:如果现在真的看不到未来是怎样,你就不如一直往前走,不知道什么时候天亮,去奔跑就好,跑着跑着天就亮了。展开评论点赞 - #青训营笔记创作活动#
1月30日 打卡day3
今日学习
前端工程为什么越来越离不开 Monorepo?传统的方式MultiRepo中,存在代码复用维护成本高、容易出现依赖更新不及时和各个项目间存在构建、部署和发布的规范不能统一等痛点。而Monorepo相较于MultiRepo实现了代码复用非常方便、维护成本大大减低、利于团队协作的优点。实现Monorepo 的落地,需要我们在在社区的一些比较成熟的方案的基础上进行定制或直接使用一些集成的Monorepo 方案。展开评论点赞 - #青训营笔记创作活动#
1月29日 打卡day2
今日学习
学习了解到了几个对前端很有帮助的工具和网站,如git可视化工具就对目前对git语句不熟悉的我帮助很大。还有很多其他有用的网站,如进行JSON格式化的网站、提供在
线性能评测的网站等等,还待我慢慢去尝试。展开评论点赞