![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
工作积累-react
文章平均质量分 89
工作积累-react
yanling.zhang
这个作者很懒,什么都没留下…
展开
-
读书笔记- 深入浅出react - react diff策略
1.diff策略:react将虚拟dom转换为真实dom的最少操作的过程称为调和。diff算法就是调和的具体实现。-diff策略:web ui中dom节点跨层级的移动操作特别少,可以忽略不计。拥有相同类的2个组件将会生成相似的树形结构,拥有不同类的2个组件将会生成不同的树形结构。对于同一层级的一组子节点,他们可以通过唯一的id进行区分。基于以上的策略,react分别对tree diff,component diff,element diff 进行算法的优化。你可能会有疑问:如果出现跨层级原创 2021-09-11 14:29:58 · 384 阅读 · 0 评论 -
react - 你是如何理解单向数据流的?
1.你是如何理解单向数据流的?组件的状态:状态可以理解为数据,与props类似,但是state是私有的,并且完全受控于当前组件,因此:组件状态指的就是一个组件自己维护的数据。数据驱动UI:意思很简单,就是:页面所展现的内容,完全是受状态控制的。这也就是mvvm的理念,UI的改变,全部交给框架本身来做,我们只需要管理好数据(状态)就好了。那么在 React 中,如何对状态进行管理呢?这就是本章节的重点,也是整个 React 学习的重点:组件的状态管理。什么是数据流?数据流就是:数据在组件之间原创 2021-09-08 10:32:21 · 6885 阅读 · 1 评论 -
2021-07-14-react开发环境配置
react目录目录└─┬ 前端开发指南 ├─┬ 配置环境 │ ├── 配置 Git │ └── 配置前端本地开发环境 ├── 开发流程 ├── 开发规范 ├── 浏览器兼容性 ├── Docker └── 部署前端开发指南配置环境配置 Git在终端中执行如下命令安装 Xcode 命令行工具xcode-select --install注意: Xcode 命令行工具已经包含了 git 命令,如果需要图形化的 git 工具,可以安装 SourceTr原创 2021-07-14 16:25:27 · 185 阅读 · 0 评论