ota裤
获得徽章 1
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
#青训营笔记创作活动#
2月21日 打卡day29
今日学习
position: sticky吸顶的需求
通过 :empty 选中内容为空的容器，然后通过伪元素为空容器添加提示
background-clip: text
user-select 属性可以 禁用光标选中
:invalid 表示任意内容未通过验证的 input 或其他 form 元素
:focus-within 表示一个元素获得焦点，或该元素的后代元素获得焦点，就会匹配上
mix-blend-mode:difference 属性描述了元素的内容应该与元素的直系父元素的内容和元素的背景如何混合。其中，difference 表示差值。
2月21日 打卡day29
今日学习
position: sticky吸顶的需求
通过 :empty 选中内容为空的容器，然后通过伪元素为空容器添加提示
background-clip: text
user-select 属性可以 禁用光标选中
:invalid 表示任意内容未通过验证的 input 或其他 form 元素
:focus-within 表示一个元素获得焦点，或该元素的后代元素获得焦点，就会匹配上
mix-blend-mode:difference 属性描述了元素的内容应该与元素的直系父元素的内容和元素的背景如何混合。其中，difference 表示差值。
展开
评论
点赞
#青训营笔记创作活动#
2月20日 打卡day28
今日学习
React.memo() 是对函数组件进行优化，React.PureComponent 是定义类组件时使用的
相比于 React.PureComponent，React.memo() 可以支持指定一个参数，相当于 shouldComponentUpdate 的作用，如果该参数不传递，则默认只会进行 props 的浅比较
React 提供了一个 useRef Hook，返回一个可变的 ref 对象（这个 ref 对象只有一个 current 属性），其在组件的整个生命周期内保持不变。useRef 变化不会主动使页面渲染
这里有一个好规则可以避免遇到过时的变量：如果你使用当前状态来计算下一个状态，总是使用函数方式来更新状态。
当创建类组件时，遵循一定的顺序可以帮助我们更好地维护和改进 React 应用程序代码： static 开头的类属性
构造函数，constructor
getter/setter
组件生命周期
_ 开头的私有方法
事件监听方法，handle*
render*开头的方法，有时候 render() 方法里面的内容会分开到不同函数里面进行，这些函数都以 render* 开头
render() 方法
。
2月20日 打卡day28
今日学习
React.memo() 是对函数组件进行优化，React.PureComponent 是定义类组件时使用的
相比于 React.PureComponent，React.memo() 可以支持指定一个参数，相当于 shouldComponentUpdate 的作用，如果该参数不传递，则默认只会进行 props 的浅比较
React 提供了一个 useRef Hook，返回一个可变的 ref 对象（这个 ref 对象只有一个 current 属性），其在组件的整个生命周期内保持不变。useRef 变化不会主动使页面渲染
这里有一个好规则可以避免遇到过时的变量：如果你使用当前状态来计算下一个状态，总是使用函数方式来更新状态。
当创建类组件时，遵循一定的顺序可以帮助我们更好地维护和改进 React 应用程序代码： static 开头的类属性
构造函数，constructor
getter/setter
组件生命周期
_ 开头的私有方法
事件监听方法，handle*
render*开头的方法，有时候 render() 方法里面的内容会分开到不同函数里面进行，这些函数都以 render* 开头
render() 方法
。
展开
评论
点赞