08 2023-02

页面滑动时隐藏或显示某些信息示例

在页面滑动到某一个位置时,我们经常需要显示或隐藏一些div层等,这里需要用到滚动事件,及获取距离顶部的高度属性

07 2023-02

win7支持的node更高版本问题node14

目前win7支持的node最高版本是13.14,然而有些时候我们从Github下载的项目运行时会报错, 要求高于Node 14或者更高

01 2023-02

React中Diff的验证及虚拟Dom中key的作用

虚拟DOM中key的作用: 1).简单的说: key是 虚拟DOM对象的标识,在更新显示时key起着极其重要的作用 2).详细的说:当状态中的数据发生变化时,react会根据[新数据]生成[新的虚拟DOM] ,随后React进

01 2023-02

React组件的生命周期的使用

对生命周期的理解: 1, 组件从创建到死亡,它会经历一些特定的阶段 2, React组件包含一系列钩子函数(生命周期回调函数),会在特定的时刻被调用 3, 我们在定义组件时,会在特定

01 2023-02

React收集表单数据使用高阶函数及非高阶函数的使用

高阶函数: 如果一个函数符合下面2个规范中的任何一个,那该函数就是高阶函数 1. 若A函数, 接收的参数是一个函数, 那么A就可以称之为高阶函数 2. 若A函数, 调用的返

01 2023-02

React收集表单数据的方法

React收集表单数据的方法, 可以通过受控组件或非受控组件来实现

01 2023-02

React中事件的处理

React使用的是自定义(合成)事件,而不是使用的原生DOM事件 --- 为了更好的兼容性,React中的事件是通过事件委托方式处理的(委托给组件最外层的元素)冒泡原理(高效)

01 2023-02

React组件实例的三大核心属性refs

React组件实例的三大核心属性refs有字符串,回调函数,createRef形式,不建议使用它,因为 string 类型的 refs 存在 一些问题。它已过时并可能会在未来的版本被移除。一句话总结: 效率不高。推

01 2023-02

React组件实例的核心属性props的用法

有了props属性,可以动态的向React组件传递信息, 同时可以对标签属性的类型及默认值进行限制

01 2023-02

React组件实例的核心属性State的用法

state 是组件对象最重要的属性,值是对象(可以包含多个key-value的组合),组件被称为"状态机", 通过更新组件的state来更新对应的页面显示(重新渲染组件)