2024-11-16 厉飞雨 阅读(13) 评论(0) 赞(4)

> 文章已同步至掘金：<https://juejin.cn/post/6844903977541173261> > 欢迎访问😃，有任何问题都可留言评论哦\~ 在我们使用 React 中，不可避免的要进行组件之间的通信(数据传递)。 **需要注意一点：React中数据的流动是单向的** 组件之间的数据传递大致分为一下几种： * 父组件向子组件...

2024-11-16 厉飞雨 阅读(13) 评论(0) 赞(2)

> 文章已同步至掘金：<https://juejin.cn/post/6844903975897006093> > 欢迎访问😃，有任何问题都可留言评论哦\~ 安装依赖 {#%E5%AE%89%E8%A3%85%E4%BE%9D%E8%B5%96} ============================================ 安装路由...

2024-11-16 厉飞雨 阅读(14) 评论(0) 赞(3)

本文主要讲解前端React相关知识。 React入门 {#react入门} ------------------ ### React简介 {#react简介} #### 官网 {#官网} * 英文官网：<https://reactjs.org/> * 中文官网：<https://react.docschina.org/> #### 介绍描述 {...

2024-11-15 厉飞雨 阅读(15) 评论(0) 赞(4)

> 文章已同步至掘金：<https://juejin.cn/post/6844903965558046727> > 欢迎访问😃，有任何问题都可留言评论哦\~ 常见布局 {#%E5%B8%B8%E8%A7%81%E5%B8%83%E5%B1%80} ============================================ 在讲 B...

2024-11-15 厉飞雨 阅读(16) 评论(0) 赞(3)

[引用站外地址 原文链接 The large， small， and dynamic viewport units](https://web.dev/viewport-units/) [引用站外地址 原文翻译 Chrome 发布新的 CSS 视口单位：svh、lvh、dvh！！！](https://mp.weixin.qq.com/s/sbdXOo1GUBOxQw_HC7a...

2024-11-15 厉飞雨 阅读(17) 评论(0) 赞(2)

在逛 codepen 的时候发现一个有意思的 css 羽化项目 [引用站外地址 css羽化 css 羽化](https://codepen.io/xboxyan/pen/ZERZrQw) 原理是使用了 svg 中的 `foreignObject` 将 dom 转化为图片来创建一个边缘模糊的遮罩 让原本有`backdrop-filter: blur(10px);`的元素产...

2024-11-15 厉飞雨 阅读(18) 评论(0) 赞(1)

> 文章已同步至掘金：<https://juejin.cn/post/6844903891155288072> > 欢迎访问😃，有任何问题都可留言评论哦\~ 说浮动之前，先说一些别的东西 {#%E8%AF%B4%E6%B5%AE%E5%8A%A8%E4%B9%8B%E5%89%8D%EF%BC%8C%E5%85%88%E8%AF%B4%E4%B8...

2024-11-15 厉飞雨 阅读(18) 评论(0) 赞(3)

> 文章已同步至掘金：<https://juejin.cn/post/6844903890932989959> > 欢迎访问😃，有任何问题都可留言评论哦\~ 盒子模型(Box Model) {#%E7%9B%92%E5%AD%90%E6%A8%A1%E5%9E%8B(box-model)} ----------------------------...

2024-11-15 厉飞雨 阅读(13) 评论(0) 赞(3)

> 文章已同步至掘金：<https://juejin.cn/post/6844903846511116296> > 欢迎访问😃，有任何问题都可留言评论哦\~ Flex（Flexible Box）布局 称为 "弹性布局"，可以为网页的布局提供最大的灵活性，取代了往常的 浮动（float） 布局，并且任何一个容器都可以设置 Fle...

2024-11-15 厉飞雨 阅读(18) 评论(0) 赞(2)

> 文章已同步至掘金：<https://juejin.cn/post/6844903890702303246> > 欢迎访问😃，有任何问题都可留言评论哦\~ ### ID选择器 {#id%E9%80%89%E6%8B%A9%E5%99%A8} **用法：** * id 选择器以 "#" 来定义。 * 标签需要使用 id=&...