react
文章平均质量分 92
尤雨东
了解真相,你才能获得真正的自由!
展开
-
React-fiber基础之requestAnimationFrame和requestIdleCallback
在浏览器每次渲染页面时,我们会反馈(响应用户的输入),页面的拖拽,浏览器大小的改变,js主线程的任务,微任务宏任务,requestAnimationFrame回调,浏览器进行绘制,如果这些事情做完以后,还有剩余时间,我们认为这就是当前渲染帧的空闲时间,这个时间浏览器可以交给我们开发者(js主线程执行一些优先级不高的任务)。排序的回调函数被触发的时间。可以这样认为,我们使用这个api了,那么浏览器在当前帧还有剩余时间,那么就会把执行权交给我们,但是我们也需要在剩余时间结束之前把执行权还给浏览器。原创 2022-11-21 17:43:08 · 1192 阅读 · 1 评论 -
redux的学习以及初探redux的API实现
使用方法可以创建一个store,该函数的参数是reducer和initialState。常见的三个方法:我们就以计数器案例来学习createStore的实现原理首先:我们需要创建一个createStore函数,接收两个参数:纯函数参数以及初始化状态接下来我们需要定义三个函数:也就是上面我们说的,常用的三个函数。getState函数就是返回当前最新的状态,没什么好说的。派发一个动作来更新当前的state:的参数是一个监听函数,在state的值更新以后调用。所以我们需要一个数组来记录保存的listen原创 2022-07-10 17:14:12 · 577 阅读 · 0 评论 -
react学习之旅
实现了:代码仓库:地址。代码中注释还是偏多一些,对强迫症患者看着可能不是很舒服。克隆代码观看效果最佳。更改脚本把package.json文件的脚本都加上cross-env DISABLE_NEW_JSX_TRANSFORM=true。表示禁用新版的jsx转换器。react17以后采用的是新版的转换器。这里学习阶段可以使用经典的jsx转换器。安装 cross-env合成事件和批量更新批量更新在react中,能被react管理的方法更新是异步的,批量更新的在react管理不到的地方更新是同原创 2022-06-10 15:29:22 · 948 阅读 · 3 评论 -
React初识--必知必会的jsx核心语法
文章目录jsx核心语法 必知必会认识jsxJSX是什么?为什么React选择了JSXJSX的书写规范:jsx的使用jsx的注释如何书写jsx嵌入变量一:当变量是Number、String、Array类型时,直接显示二:当变量是null、undefined、Boolean类型时,内容为空三:对象类型不能作为子元素(not valid as a React child)JSX嵌入表达式JSX绑定属性常见属性(src,href...)class属性style内联样式事件绑定this的绑定问题bind显示绑定thi原创 2022-01-18 19:15:33 · 2803 阅读 · 0 评论