随笔分类 - React
摘要：React之diff算法 一、diff算法的作用 计算出Virtual DOM中真正变化的部分，并只针对该部分进行原生DOM操作，而非重新渲染整个页面。 二、传统diff算法 通过循环递归对节点进行依次对比，算法时间复杂度达到 O(n3) ，n是树的节点数，这个有多可怕呢？——如果要展示1000个节
阅读全文
摘要：React-Redux React-Redux 是 Redux 的官方 React 绑定库。 React-Redux 能够使React组件从Redux store中读取数据，并且向 store 分发 actions 以更新数据。 React-Redux 并不是 Redux 内置，需要单独安装。 Re
阅读全文
摘要：React Hooks 一、为什么会有Hooks 介绍Hooks之前，首先要说一下React的组件创建方式，一种是类组件，一种是纯函数组件，并且React团队希望，组件不要变成复杂的容器，最好只是数据流的管道。开发者根据需要，组合管道即可。也就是说组件的最佳写法应该是函数，而不是类。 但是我们知道，
阅读全文
摘要：React中fetch 基本使用 一、fetch fetch是一种XMLHttpRequest的一种替代方案，在工作当中除了用ajax获取后台数据外我们还可以使用fetch、axios来替代ajax 二、fetch的基本使用 fetch(url).then(res => { return res.j
阅读全文
摘要：React页面路由 前言： 随着 ajax 的使用越来越广泛，前端的页面逻辑开始变得越来越复杂，特别是单页Web应用(Single Page Web Application,SPA))的兴起，前端路由系统随之开始流行。 1、从用户的角度看，前端路由主要实现了两个功能（使用ajax更新页面状态的情况下
阅读全文
摘要：React中事件的处理 React 中使用 onClick 类似的写法来监听事件，注意 this 绑定问题 React 里严格遵循单项数据流，没有数据双向绑定，所以要处理两件事，第一是元素本身值的赋值，第二是值改变以后的事件，例如输入框需要设置 value 和 onChange 。 import R
阅读全文
摘要：React组件的生命周期 组件的生命周期就是Reac的工作过程，就好比人有生老病死，自然界有日月更替，每个组件在网页中也会有被创建、更新和删除，如同有生命的机体一样。 React组件的生命周期可以分为三个过程 装载(挂载)过程（mount）：就是组件第一次在DOM树中渲染的过程 更新过程（updat
阅读全文
