随笔分类 -  React

摘要：ref 1. 作用 通常是为了引用真实的dom节点（对该节点进行相应操作），或者某个组件实例（只有类组件有，函数组件不能被实例化）。 2. 使用（三种方式） 2.1 字符串设置 即将被废弃，除了很紧急的开发，不推荐使用。 <div ref="div"></div> 2.2 回调函数 自己定义一个变量 阅读全文

摘要：一、含义 高阶组件（HOC）是 React 中用于复用组件逻辑的一种高级技巧。HOC 自身不是 React API 的一部分，它是一种基于 React 的组合特性而形成的设计模式。 二、详解 高阶组件，主要就是逻辑复用。 什么是逻辑复用？比如你两个以上的组件依赖某个值，或者更进一步，具有相同的逻辑行 阅读全文

摘要：一、相同之处 二、不同之处 UI编程 React 通常使用 JSX Vue 还多支持模版语法，模版语法有个优势，会针对静态的HTML元素进行优化 性能优化 React 需要编程者的js水平高一些，性能优化需要自己有选择的减少diff。 Vue 框架本身有性能优化的优势，一般不需要程序员做出太多优化。 阅读全文

摘要：一、虚拟Dom 虚拟Dom是介于真实Dom和你的代码之间，是对真实的 Dom 的代理映射、管理，是一种js算法结构，vue 以及 react 都采用了虚拟 Dom。因为操作真实 Dom 的时间花费（涉及到渲染引擎、DOM Tree 构建，有兴趣的可以去谷歌开发者去看，要FQ的），远远大于js代码的运 阅读全文

摘要：一、仓库相关 Redux react项目常用的一款状态管理工具，主要概念有： Action：从应用（比如说view、服务器响应）到 Store 的一个载荷（payload），形如： { type:string, //类型 payload:any //数据 } Reducers：指定如何响应Actio 阅读全文

摘要：一、官方推荐 Create React App Create React App只提供react开发环境，毕竟原始。诸如路由、仓库、api等等需要自己安装配置 常用命令： 普通构建项目：npx create-react-app my-app 或者 yarn create-react-app my-a 阅读全文