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…
render渲染时机
hook、class、render
fiber分片
fiber
redux中间件原理
redux-logger、redux-thunk
redux-immutable优化项目
一、是什么 Immutable,不可改变的,在计算机中,即指一旦创建,就不能再被更改的数据
对 Immutable 对象的任何修改或添加删除操作都会返回一个新的 Immutable 对象
Immutable 实现的原理是 Persistent Data Structure(持久化…
Diff
diff、tree、component、element
redux原理
redux、react-redux
class组件生命周期及执行阶段
一、是什么 生命周期(Life Cycle)的概念应用很广泛,特别是在经济、环境、技术、社会等诸多领域经常出现,其基本涵义可以通俗地理解为 “从摇篮到坟墓”(Cradle-to-Grave)的整个过程
跟Vue一样,React整个组件生命周期包括从创建、初始化数据、编译模板、挂载…