04 2023 档案

第四节：组件通信剖析(父传子、子传父、非父子)、组件插槽的用法剖析
摘要：一. 父传子 1. 用法 父组件通过 属性=值 的形式来传递给子组件数据； 子组件通过 props 参数获取父组件传递过来的数据, 详见child1函数组件 和 child2 类组件 2. PropTypes实现传递参数验证 (详见官网：https://zh-hans.reactjs.org/doc 阅读全文
posted @ 2023-04-26 20:46 Yaopengfei 阅读(233) 评论(1) 推荐(0) 编辑
第一节：redux简介及入门使用
摘要：一. 前言 1. 纯函数 (1).函数式编程中有一个非常重要的概念叫纯函数，JavaScript符合函数式编程的范式，所以也有纯函数的概念； 在react开发中纯函数是被多次提及的； 比如react中组件就被要求像是一个纯函数（为什么是像，因为还有class组件），redux中有一个reducer的 阅读全文
posted @ 2023-04-25 08:24 Yaopengfei 阅读(121) 评论(1) 推荐(0) 编辑
第五节：setState详解、react更新机制、render函数优化、数据不可变、ref获取DOM和组件
摘要：一. setState详解 1. 使用背景 开发中我们并不能直接通过修改state的值来让界面发生更新： (1).因为我们修改了state之后，希望React根据最新的State来重新渲染界面，但是这种方式的修改React并不知道数据发生了变化； (2).React并没有实现类似于Vue2中的Obj 阅读全文
posted @ 2023-04-16 19:13 Yaopengfei 阅读(1603) 评论(1) 推荐(0) 编辑
第三节：react脚手架的使用及类组件、函数组件、生命周期剖析
摘要：一. react脚手架 1. 什么是脚手架 编程中提到的脚手架（Scaffold），其实是一种工具，帮我们可以快速生成项目的工程化结构； 🚩每个项目作出完成的效果不同，但是它们的基本工程化结构是相似的； 🚩既然相似，就没有必要每次都从零开始搭建，完全可以使用一些工具，帮助我们生产基本的工程化模板 阅读全文
posted @ 2023-04-12 08:37 Yaopengfei 阅读(384) 评论(1) 推荐(0) 编辑
第二节：jsx语法深度剖析和jsx本质的探究
摘要：一. jsx说明及用法 1. 什么jsx？ JSX是一种JavaScript的语法扩展（extension），也在很多地方称之为JavaScript XML，因为看起就是一段XML语法； 它用于描述我们的UI界面，并且其完成可以和JavaScript融合在一起使用； 它不同于Vue中的模块语法，你不 阅读全文
posted @ 2023-04-09 10:51 Yaopengfei 阅读(207) 评论(1) 推荐(0) 编辑
第一节：react简介和入门用法
摘要：一. react简介 1. 说明 用于构建用户界面的 JavaScript 库 ( 官网: https://react.docschina.org/ )，React由Facebook来更新和维护，它是大量优秀程序员的思想结晶： (1). React的流行不仅仅局限于普通开发工程师对它的认可； (2) 阅读全文
posted @ 2023-04-05 13:51 Yaopengfei 阅读(264) 评论(1) 推荐(0) 编辑