上一页 1 2 3 4 5 6 7 8 ··· 13 下一页
摘要: (十三)react路由简介 ,History 和 Hash 区别 简介SPA应用: 其实就是单页面应用,为什么说是单页面应用,你看不管是vue还是React里面,都是有APP的这个的组件开始的,使用的就是main.js 或者 index.js 作为入口文件 1.整个应用只有一个完整的页面。 2.点击 阅读全文
posted @ 2021-10-28 16:34 无梦南柯 阅读(551) 评论(0) 推荐(0) 编辑
摘要: fetch的请求 简介: 由于 Fetch API 是基于 Promise 设计,使用起来很简单,只不过不是基于XMLHttpRequest,是与其平行的一个操作。 fetch简介: https://github.github.io/fetch/ 补习Promise: https://develop 阅读全文
posted @ 2021-10-25 15:12 无梦南柯 阅读(276) 评论(0) 推荐(0) 编辑
摘要: (十二)组将之间的通信 使用 PubSub 消息发布订阅类的库 下载: $ npm install pubsub-js --save 导入组件 import 'PubSub' from 'pubsub-js' 订阅消息的组件: // 组件将要被渲染的时候进行订阅 componentDidMount( 阅读全文
posted @ 2021-10-22 17:06 无梦南柯 阅读(51) 评论(0) 推荐(0) 编辑
摘要: (十一)React创建代理请求 react脚手架配置代理总结 方法一 在package.json中追加如下配置 "proxy":"http://localhost:5000" 说明: 优点:配置简单,前端请求资源时可以不加任何前缀。 缺点:不能配置多个代理。 工作方式:上述方式配置代理,当请求了30 阅读全文
posted @ 2021-10-21 16:09 无梦南柯 阅读(62) 评论(0) 推荐(0) 编辑
摘要: (十)React的子传父 及 优化编写 子传父: 其实就是事件回传,在父传子的基础上 将传递的参数改为函数体 子组件在props上进行数据的回传 //引用子组件 <child getData={ this.getData} /> getData = (value)=>{ console.log(va 阅读全文
posted @ 2021-10-21 15:29 无梦南柯 阅读(43) 评论(0) 推荐(0) 编辑
摘要: (九)React使用脚手架创建 简介: 脚手架简介:(umi的使用需要查看) xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目 1. 包含了所有需要的配置(语法检查、jsx编译、devServer…) 2. 下载好了所有相关的依赖 3. 可以直接运行一个简单效果 react提供了一个 阅读全文
posted @ 2021-10-21 15:24 无梦南柯 阅读(48) 评论(0) 推荐(0) 编辑
摘要: (八)React 验证Diff算法 key值的作用 这里只是验证Diff的算法,真正的原理没有研究的 这个案例写的就是 再每次进行更新的时候,更新所使用虚拟dom需要和之前的进行相应的比较,比较的最小单位节点,在进行时间刷新的时候,内部的input是没有变化的,所没有进行更新 class Time 阅读全文
posted @ 2021-10-15 15:58 无梦南柯 阅读(31) 评论(0) 推荐(0) 编辑
摘要: (七)React的生命周期 React更新之后出现新的生命周期,这里两个都看一下,但是在实际使用的时候,可能都用的比较少。 生命周期(旧) 这是旧的的生命周期 但是据说很经典 1. 初始化阶段: 由ReactDOM.render()触发 初次渲染 1. constructor() 2. compon 阅读全文
posted @ 2021-10-15 14:40 无梦南柯 阅读(56) 评论(0) 推荐(0) 编辑
摘要: (六)React的事件处理,受控非受控组件,高阶函数和函数柯里化 事件简介: (1).通过onXxx属性指定事件处理函数(注意大小写) a.React使用的是自定义(合成)事件, 而不是使用的原生DOM事件 —————— 为了更好的兼容性 b.React中的事件是通过事件委托方式处理的(委托给组件最 阅读全文
posted @ 2021-10-14 16:06 无梦南柯 阅读(63) 评论(0) 推荐(0) 编辑
摘要: (五)React的三大特性 refs 简介: 使用refs 组件内的标签可以定义ref属性来标识自己 such as: 注意在使用的是 this.refs refs 1.字符串形式的refs使用 (不推荐使用 原因就是存在一些效率的问题 我觉得就是收集获取的时候存在问题吧) 案例的作用 点击按钮获取 阅读全文
posted @ 2021-10-14 14:49 无梦南柯 阅读(57) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 8 ··· 13 下一页