m0_50729201的博客

1.redux 理解1.1.redux 是什么redux是一个专门用于做状态管理的JS库(不是react插件库)。它可以用在react, angular, vue等项目中, 但基本与react配合使用。作用: 集中式管理react应用中多个组件共享的状态。1.2. 什么情况下需要使用redux某个组件的状态，需要让其他组件可以随时拿到（共享）。一个组件需要改变另一个组件的状态（通信）。总体原则：能不用就不用, 如果不用比较吃力才考虑使用。1.3. redux工作流程Compon

一、todoList案例相关知识点 1.拆分组件、实现静态组件，注意：className、style的写法 2.动态初始化列表，如何确定将数据放在哪个组件的state中？ ——某个组件使用：放在其自身的state中 ——某些组件使用：放在他们共同的父组件state中（官方称此操作为：状态提升） 3.关于父子之间通信： 1.【父组件】给【子组件】传递数据：通过props传递 2.【子组件】给【父组件】传递数据：通过props传递，要求父提前给子传递一个函数 4.注意defa

1.引出生命周期unmountComponentAtNode() 卸载组件componentDidMount（）组件挂载完毕componentWillReceiveProps （） 组件将要接受参数 （子组件将要接受新参数时触发的生命周期函数）shouldComponentUpdate() 是否可以组件更新，必须有 Boolean 值得返回，如果为 true 则继续生命周期，如果为 false 则不执行任何后续操作，相当于更新操作的阀门componentWillUpdate （） 组件即将要更新

1.jsx 语法规则定义：全称: JavaScript XML，\1. react定义的一种类似于XML的JS扩展语法: JS + XML本质是 React.createElement(component, props, …children) 方法的语法糖，用来简化创建虚拟DOM ；它不是字符串, 也不是HTML/XML标签，它最终产生的就是一个JS对象；1>定义虚拟DOM时，不要写引号。2>标签中混入js表达式时要用{}，遇到以 { 开头的代码，以JS语法解析3>样式的类名指定

1.请简述 React 16 版本中初始渲染的流程jsx 转换成 react 元素babel-react 会将jsx 转换为 React.createElement 函数调用React.createElement 会 jsx 转换成 react element （react element 就是 一个用来描述react 元素的对象。）render （协调层）此阶段负责创建 Fiber 数据结构并为 Fiber 节点打标记，标记当前 Fiber 节点要进行的 DOM 操作。首先为每一个react

介绍：fiber 算法的核心 API 是 requestIdleCallback，利用浏览器的空余时间执行任务，如果有更高优先级的任务要执行时，当前执行的任务可以被终止，优先执行高级别任务。React 16 之前的版本问题：React 16 之前的版本比对更新 VirtualDOM 的过程是采用循环加递归实现的，这种比对方式有一个问题，就是一旦任务开始进行就无法中断，如果应用中组件数量庞大，主线程被长期占用，直到整棵 VirtualDOM 树比对更新完成之后主线程才能被释放，主线程才能执行其他任务。

1. React 介绍React 是一个用于构建用户界面的 JavaScript 库，它只负责应用的视图层，帮助开发人员构建快速且交互式的 web 应用程序。React 使用组件的方式构建用户界面。2. JSX 语法在 React 中使用 JSX 语法描述用户界面，它是一种 JavaScript 语法扩展。在 React 代码执行之前，Babel 会将 JSX 语法转换为标准的 JavaScript API。JSX 语法就是一种语法糖，让开发人员使用更加舒服的代码构建用户界面。jsx语法：相