banner
SlhwSR

SlhwSR

热爱技术的一名全栈开发者
github
bilibili

react

class绑定方案
一、是什么 在react应用中,事件名都是用小驼峰格式进行书写,例如onclick要改写成onClick 最简单的事件绑定如下: Copy class ShowAlert extends React.Component { showAlert() { console…
样式方案
组件式开发选择合适的css解决方案尤为重要 通常会遵循以下规则: 可以编写局部 css,不会随意污染其他组件内的原生; 可以编写动态的 css,可以获取当前组件的一些状态,根据状态的变化生成不同的 css 样式; 支持所有的 css 特性:伪类、动画、媒体查询等; 编写起来简洁…
ref新老版本应用
一、是什么 Refs 在计算机中称为弹性文件系统(英语:Resilient File System,简称 ReFS) React 中的 Refs提供了一种方式,允许我们访问 DOM 节点或在 render 方法中创建的 React 元素 本质为ReactDOM.render()返…
hoc、hof实现及应用场景
一、是什么 高阶函数(Higher-order function),至少满足下列一个条件的函数 接受一个或多个函数作为输入 输出一个函数 在React中,高阶组件即接受一个或多个组件作为参数并且返回一个组件,本质也就是一个函数,并不是一个组件 Copy const…
cover

render渲染时机

hook、class、render
cover

fiber分片

fiber
cover

redux中间件原理

redux-logger、redux-thunk
cover

redux-immutable优化项目

一、是什么 Immutable,不可改变的,在计算机中,即指一旦创建,就不能再被更改的数据 对 Immutable 对象的任何修改或添加删除操作都会返回一个新的 Immutable 对象 Immutable 实现的原理是 Persistent Data Structure(持久化…
cover
cover
cover
cover
cover
cover

Diff

diff、tree、component、element
cover
cover

redux原理

redux、react-redux
cover
cover

class组件生命周期及执行阶段

一、是什么 生命周期(Life Cycle)的概念应用很广泛,特别是在经济、环境、技术、社会等诸多领域经常出现,其基本涵义可以通俗地理解为 “从摇篮到坟墓”(Cradle-to-Grave)的整个过程 跟Vue一样,React整个组件生命周期包括从创建、初始化数据、编译模板、挂载…
Ownership of this blog data is guaranteed by blockchain and smart contracts to the creator alone.