12 2022 档案
摘要：第5章：React路由 一、SPA的理解 单页Web应用（single page web application，SPA）。 整个应用只有一个完整的页面。 点击页面中的链接不会刷新页面，只会做页面的局部更新。 数据都需要通过ajax请求获取, 并在前端异步展现。 二、路由的理解 1.什么是路由? 一
阅读全文
摘要：四、react脚手架配置代理总结 1. 方法一 在package.json中追加如下配置 "proxy":"http://localhost:5000" 说明：(当前为3000端口) 优点：配置简单，前端请求资源时可以不加任何前缀。缺点：不能配置多个代理。工作方式：上述方式配置代理，当请求了3000
阅读全文
摘要：二、TodoList案例 1. todoList案例相关知识点 拆分组件、实现静态组件，注意: className、 style的写法 动态初始化列表，如何确定将数据放在哪个组件的state中? 某个组件使用:放在其自身的state中某些组件使用:放在他们共同的父组件state中（官方称此操作为:状
阅读全文
摘要：二 、React插件的安装与使用 Vscode插件市场安装ES7+ React/Redux/React-Native snippets 1. Basic Methods PrefixMethodimp→import moduleName from 'module'imn→import 'module
阅读全文
摘要：一、使用create-react-app创建react应用 1. react脚手架 xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目 包含了所有需要的配置（语法检查、jsx编译、devServer…）下载好了所有相关的依赖可以直接运行一个简单效果 react提供了一个用于创建reac
阅读全文
摘要：七、DOM的Diffing算法 1. 图示过程 2. 验证Diffing算法 简单的案例 项目结构如下图： span里面的时间内容每一秒更新，两个input，给input输入框输入东西，input内容不变，时间依然更新，这就是一个Diffing算法的一个小案例 还可以调出开发者工具显示更新的地方如下
阅读全文
摘要：六、组件的生命周期 1. 理解 组件从创建到死亡它会经历一些特定的阶段。 React组件中包含一系列勾子函数(生命周期回调函数), 会在特定的时刻调用。 我们在定义组件时，会在特定的生命周期回调函数中，做特定的工作。 2. 生命周期流程(旧) 初始化阶段: 由ReactDOM.render()触发—
阅读全文
摘要：五、 React里收集表单数据 1. 非受控组件 现用现取 2. 受控组件 随着使用维护状态 3. 高阶函数和函数柯里化 高阶函数 如果一个函数符合下面2个规范中的任何一个，那该函数就是高阶函数。 1.若A函数，接收的参数是一个函数，那么A就可以称之为高阶函数。(委托)2.若A函数，调用的返回值依然
阅读全文
摘要：一、 基本理解和使用 1. 使用React开发者工具调试 下载链接：React开发者工具 2. React组件的两种形式 函数式组件： // 1.创建函数式组件 function MyComponent() { console.log(this); // 此处的this是undefined，因为ba
阅读全文
