获得徽章 17
#每天一个知识点# react hooks中 useEffect 与useLayoutEffect基本相同 但调用时机不同前者是在页面渲染完后调用 后者是dom更新完后立即调用 后者的使用场景是防止页面抖动 减少页面回流重绘次数
#与A-SOUL一起成为更好的自己# 节假日的图书馆，尽管是下雨天依旧是人满为患找不到位置![[黑脸]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_99.3264111.png)
#每天一个知识点# 前端react类组件和函数组件，因为hooks的出现使得函数组件也可以拥有状态与生命周期，使用起来比类组件更加方便，但也有局限性，作为父组件的话更推荐使用类组件
#与A-SOUL一起成为更好的自己# 带大家认识一下杭州亚运会的三个吉祥物 ![[看]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_97.39cdc9f.png)
#每天一个知识点# 当使用 CSS 的 background-color 属性设置背景颜色时，如果想要背景颜色不充满整个元素，而是只填充部分区域，可以使用 CSS 的 background-clip 属性。background-clip 属性指定背景颜色的填充区域，可以设置为 border-box、content-box 或 padding-box。其中，border-box 表示背景颜色填充到元素边框框线以内，content-box 表示背景颜色填充到元素内容框线以内，而 padding-box 则表示背景颜色填充到元素内边距框线以内。通过设置不同的 background-clip 值，可以实现不同的背景颜色填充效果
#与A-SOUL一起成为更好的自己# 等待下班的过程是无聊的，也不完全是
#每天一个知识点# 媒体查询（Media Queries）：媒体查询是一种 CSS 技术，它允许根据设备的特定属性（如屏幕大小、分辨率、方向等）来应用不同的样式。这在响应式设计中非常有用，可以让网站在不同设备上呈现出最佳效果。
#与A-SOUL一起成为更好的自己# 点外卖加购的手办，质量还不错![[大笑]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_55.74ed629.png)
#挑战每日一条沸点# 当我们在写 CSS 样式时，可以使用 :host 伪类来选择当前元素的宿主。这个宿主可以是自定义元素，也可以是 Shadow DOM 中的元素。
#与A-SOUL一起成为更好的自己# 又是个阴天，公司常备把伞是个不错的选择
![[黑脸]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_99.3264111.png)
![[看]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_97.39cdc9f.png)
![[大笑]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_55.74ed629.png)