10 2021 档案

摘要:占位 阅读全文
posted @ 2021-10-29 15:13 无梦南柯 阅读(17) 评论(0) 推荐(0) 编辑
摘要:(十四)二级路由_嵌套路由 路由传递参数 (第二篇) 一.嵌套路由: 1)注册子路由时要写上父路由的path值 2)路由的匹配是按照注册路由的顺序进行的 举例子: 创建home组件 ,里面有两个导航栏 ,设置一个展示区进行展示二级的组件(home本身也是作为一个组件展示的) 创建二级组件 news 阅读全文
posted @ 2021-10-29 15:07 无梦南柯 阅读(136) 评论(0) 推荐(0) 编辑
摘要:(十四)React路由的使用及注意事项 一.基本使用: npm i -S react-router-dom 1)明确好界面中的导航区、展示区 2)导航区的a标签改为Link标签 <Link to="/xxxxx">Demo</Link> 3)展示区写Route标签进行路径的匹配 <Route pat 阅读全文
posted @ 2021-10-28 17:30 无梦南柯 阅读(72) 评论(0) 推荐(0) 编辑
摘要:(十三)react路由简介 ,History 和 Hash 区别 简介SPA应用: 其实就是单页面应用,为什么说是单页面应用,你看不管是vue还是React里面,都是有APP的这个的组件开始的,使用的就是main.js 或者 index.js 作为入口文件 1.整个应用只有一个完整的页面。 2.点击 阅读全文
posted @ 2021-10-28 16:34 无梦南柯 阅读(585) 评论(0) 推荐(0) 编辑
摘要:fetch的请求 简介: 由于 Fetch API 是基于 Promise 设计,使用起来很简单,只不过不是基于XMLHttpRequest,是与其平行的一个操作。 fetch简介: https://github.github.io/fetch/ 补习Promise: https://develop 阅读全文
posted @ 2021-10-25 15:12 无梦南柯 阅读(282) 评论(0) 推荐(0) 编辑
摘要:(十二)组将之间的通信 使用 PubSub 消息发布订阅类的库 下载: $ npm install pubsub-js --save 导入组件 import 'PubSub' from 'pubsub-js' 订阅消息的组件: // 组件将要被渲染的时候进行订阅 componentDidMount( 阅读全文
posted @ 2021-10-22 17:06 无梦南柯 阅读(54) 评论(0) 推荐(0) 编辑
摘要:(十一)React创建代理请求 react脚手架配置代理总结 方法一 在package.json中追加如下配置 "proxy":"http://localhost:5000" 说明: 优点:配置简单,前端请求资源时可以不加任何前缀。 缺点:不能配置多个代理。 工作方式:上述方式配置代理,当请求了30 阅读全文
posted @ 2021-10-21 16:09 无梦南柯 阅读(65) 评论(0) 推荐(0) 编辑
摘要:(十)React的子传父 及 优化编写 子传父: 其实就是事件回传,在父传子的基础上 将传递的参数改为函数体 子组件在props上进行数据的回传 //引用子组件 <child getData={ this.getData} /> getData = (value)=>{ console.log(va 阅读全文
posted @ 2021-10-21 15:29 无梦南柯 阅读(46) 评论(0) 推荐(0) 编辑
摘要:(九)React使用脚手架创建 简介: 脚手架简介:(umi的使用需要查看) xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目 1. 包含了所有需要的配置(语法检查、jsx编译、devServer…) 2. 下载好了所有相关的依赖 3. 可以直接运行一个简单效果 react提供了一个 阅读全文
posted @ 2021-10-21 15:24 无梦南柯 阅读(51) 评论(0) 推荐(0) 编辑
摘要:(八)React 验证Diff算法 key值的作用 这里只是验证Diff的算法,真正的原理没有研究的 这个案例写的就是 再每次进行更新的时候,更新所使用虚拟dom需要和之前的进行相应的比较,比较的最小单位节点,在进行时间刷新的时候,内部的input是没有变化的,所没有进行更新 class Time 阅读全文
posted @ 2021-10-15 15:58 无梦南柯 阅读(35) 评论(0) 推荐(0) 编辑
摘要:(七)React的生命周期 React更新之后出现新的生命周期,这里两个都看一下,但是在实际使用的时候,可能都用的比较少。 生命周期(旧) 这是旧的的生命周期 但是据说很经典 1. 初始化阶段: 由ReactDOM.render()触发 初次渲染 1. constructor() 2. compon 阅读全文
posted @ 2021-10-15 14:40 无梦南柯 阅读(71) 评论(0) 推荐(0) 编辑
摘要:(六)React的事件处理,受控非受控组件,高阶函数和函数柯里化 事件简介: (1).通过onXxx属性指定事件处理函数(注意大小写) a.React使用的是自定义(合成)事件, 而不是使用的原生DOM事件 —————— 为了更好的兼容性 b.React中的事件是通过事件委托方式处理的(委托给组件最 阅读全文
posted @ 2021-10-14 16:06 无梦南柯 阅读(67) 评论(0) 推荐(0) 编辑
摘要:(五)React的三大特性 refs 简介: 使用refs 组件内的标签可以定义ref属性来标识自己 such as: 注意在使用的是 this.refs refs 1.字符串形式的refs使用 (不推荐使用 原因就是存在一些效率的问题 我觉得就是收集获取的时候存在问题吧) 案例的作用 点击按钮获取 阅读全文
posted @ 2021-10-14 14:49 无梦南柯 阅读(67) 评论(0) 推荐(0) 编辑
摘要:React组件的三大特性 Props 复习三点运算符: 常用的就是 展开数组 合并数组 不能单独展开对象 但是可以合并对象{...person,name:'jack',address:"地球"} 在函数中使用进行单独的传值 <script type="text/javascript" > //在数组 阅读全文
posted @ 2021-10-14 11:16 无梦南柯 阅读(88) 评论(0) 推荐(0) 编辑
摘要:React组件的三大特性 State 了解State的使用:(通过原理) 展示state里面的this指向问题(做参考 实际是简写方式) 这是一个修改天气的案例,使用state存储状态,在展示的地方进行获取展示,然后在更新状态的时候是怎么一个的状态,render调用几次,在声明方法的时候是怎么的格式 阅读全文
posted @ 2021-10-13 17:18 无梦南柯 阅读(99) 评论(0) 推荐(0) 编辑
摘要:(二)React的创建组件 简介组件化和模块化 模块: 1.理解:向外提供特定功能的js程序, 一般就是一个js文件 2.为什么要拆成模块:随着业务逻辑增加,代码越来越多且复杂。 3.作用:复用js, 简化js的编写, 提高js运行效率 组件: 1.理解:用来实现局部功能效果的代码和资源的集合(ht 阅读全文
posted @ 2021-10-13 11:34 无梦南柯 阅读(66) 评论(0) 推荐(0) 编辑
摘要:(一)React系列文章:虚拟DOM的创建与解释,注意的相关规则 前言: react的前期是处于学习状态,不是直接从项目上手的,所以前期的是基础知识会比较多,解释比较多,而且是从引入的方式进行使用React的,更能直观的了解到有些的原理使用,如果你看到这个文章并且想要学习的时候可以去这个 https 阅读全文
posted @ 2021-10-12 17:13 无梦南柯 阅读(95) 评论(0) 推荐(0) 编辑

Fork me on GitHub
点击右上角即可分享
微信分享提示