2024-11-16 厉飞雨 阅读(12) 评论(0) 赞(5)

> 文章已同步至掘金：<https://juejin.cn/post/6844903981412515847> > 欢迎访问😃，有任何问题都可留言评论哦\~ 什么是生命周期函数？ 就是不用自己手动的去调用，框架会在合适的时间自动的调用该函数 React v16.0前 生命周期 {#react-v16.0%E5%89%8D-%E7%94%9F...

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

> 在使用 [React](https://react.docschina.org/) 的类组件时候我们常常会使用 setState 来更新状态，那么 setState 到底是同步的还是异步的呢？ |-----------------|--------------------------------------------------------------------...

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

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

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

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

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

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

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

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

2024-11-15 厉飞雨 阅读(15) 评论(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 厉飞雨 阅读(16) 评论(0) 赞(2)

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

2024-11-15 厉飞雨 阅读(17) 评论(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 厉飞雨 阅读(17) 评论(0) 赞(3)

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