用户3915394629340
码农
生增里四料清装品则历约给安规平。的造十面于四事金指个维交必作农回。反四族就于置重又自公须学开开将。反造候局应度天流并花还入真前新交用。不江选气好加文公发积八教分老委向分。
获得徽章 1
- #青训营笔记创作活动#
1月15日 打卡Day14
今日学习
fabric.js是强大的canvas库，利用好fabric.js可以轻松的开发出一个简版的图片编辑器。通过这个项目可以学习到fabric.js的基础用法，日后有时间定来尝试。展开评论点赞 - #青训营笔记创作活动#
1月14日 打卡day13
今日学习
没想到还能利用css实现节流功能，脑洞大开。
实现思路为：点击button后加载一段可设定时长的css动画，动画过程中button无法再次点击，从而达到不用JavaScript也能实现节流的目的。展开评论点赞 - #青训营笔记创作活动#
1月13日 打卡day12
今日学习 禁止开发者操作 DOM 的实现思路：
1、直接更改doucument的值，让开发者无法得到 - 不可行，原因是window.doucument的configurable属性为false，不可删除也无法修改。
2、 使用 Web Worker 实现没有 window 对象，自然就无法操作DOM展开评论点赞 - #青训营笔记创作活动#
1月12日 打卡day11
今日学习Vite项目屏幕适配的两种方案
基于rem的适配方案 - 不固定宽高比的Web应用
基于scale的适配方案 - 固定宽高比的Web应用评论点赞 - #青训营笔记创作活动#
1月11日 打卡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 - 混合模式图片的绘制展开评论点赞 - #青训营笔记创作活动#
01月10号 打卡day9
今日学习 在网页图片数量较多，图片大小较大时，为了使网页图片能尽快加载显示，一般需要先将图片进行压缩处理。为了解放双手，我们可以直接封装一个工具，来实现对项目内图片自动压缩的效果（这就是机智的程序员吗，i了i了）。展开评论点赞 - #青训营笔记创作活动#
1月9日 打卡day8
今日学习Esbuild相关内容，Esbuild构建速度比传统打包工具快得多。Esbuild基于 Golang、内部打包算法充分利用多核 CPU 优势、从零造轮子保证代码性能、尽可能地复用一份 AST 节点数据从而提高内存的利用效率。与SWC相比，在速度、兼容性、应用场景方面均有优势。Esbuild具有插件机制，虚拟模块支持相对友好。展开评论点赞 - #青训营笔记创作活动#
1月8日 打卡day7
今日学习WebRTC是一项实时通讯技术，只能在 HTTPS 协议或者 localhost 下使用。借助WebRTC可以实现一个简单的背景替换的功能，如果是复杂的背景，则可以用TensorFlow.js 中的 身体分割（BodyPix）来实现，利用face-api.js则可以实现简单的换脸功能。展开评论点赞 - #青训营笔记创作活动#
1月7日 打卡day6
今日学习抓包的原理和抓包工具 whistle 使用，了解了http协议与https协议的区别，要实现https的抓包，需要使用中间人策略。熟练掌握抓包可以提高我们开发的效率。评论点赞 - 1月5日 打卡day5 #青训营笔记创作活动#
今日学习JavaScript的工具方法，程序员不必重复造轮子，学习了用monment实现下次生日倒计时，还学习了回到顶部、复制文本、防抖/节流、过滤特殊字符、常用正则判断等常用功能的实现思路，等需要用时只需使用造好的轮子即可，十分方便快捷。评论点赞