![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react笔记
文章平均质量分 88
此间诗意杀人地
一些学习笔记
展开
-
Redux
一、Redux简介Redux是用作状态管理的状态库(不是react插件库),他的作用是集中管理react应用中的多个组件共享的状态。redux的三个核心概念:a. action:动作对象,包含两个属性,type:标识属性,值为字符串,唯一,必要属性;data:数据属性,直了理性任意,可选属性。b. reducer:用于初始化状态、加工状态;加工时,根据state和action,产生新的state的纯函数。c. store: 将state、action、reducer练习在一起的对象redux原原创 2022-03-23 15:11:09 · 643 阅读 · 0 评论 -
react学习笔记4
react路由一、SPA的理解SPA:单页面web应用,整个应用只有一个完整的页面。SPA点击页面中的链接不会跳转页面,只做页面的局部更新。数据都需要通过ajax请求获取,并在前端异步展示。二、路由的理解一个路由就是一个映射关系(key:value),key为路径,value可能是function或component。后端路由:后端路由中value是function,用来处理客户端提交的请求。当node接收一个请求时,根据请求路径找到匹配的路由,调用路由中的函数来处理请求,返回响应数据。原创 2022-03-21 15:12:55 · 681 阅读 · 0 评论 -
react学习笔记3
一、key与diffing算法react中的key:可以在 DOM 中的某些元素被增加或删除的时候帮助 React 识别哪些元素发生了变化。因此你应当给数组中的每一个元素赋予一个确定的标识便于react区分。一个元素的 key 最好是这个元素在列表中拥有的一个独一无二的字符串。通常,我们使用来自数据的 id 作为元素的 key,当元素没有确定的 id 时,你可以使用他的序列号索引 index 作为 key。虚拟DOM中key的作用:简单来说,key是虚拟DOM对象的标识,在更新显示时key起着极原创 2022-03-04 17:39:21 · 418 阅读 · 0 评论 -
react学习笔记2
一、事件处理通过onXxx属性指定事件处理函数(注意大小写):为了更好的兼容性,react重新封装了事件处理函数;为了高效,react中的事件是通过事件委托方式处理的(委托给组件最外层的元素)。react通过evevt.target得到发生事件的DOM元素对象。当发生事件的元素正好是要操作的元素时可以不使用ref。<div id="div1"></div> <script type="text/babel"> class Demo ext原创 2022-03-04 15:01:05 · 418 阅读 · 0 评论 -
react学习笔记1
react一、react介绍react是用于构建用户界面的JavaScript库,是一个将数据渲染为HTML视图的开源JavaScript库。react特点:采用组件化模式、声明式编码、提高开发效率及组件复用率;在React Native中可以使用React语法进行移动端开发;使用虚拟DOM+优秀Diffing算法,尽量减少与真实DOM进行交互。react库:babel.min.js:将jsx转换为js;react.development.js:react核心库;react-dom.develop原创 2022-03-02 10:27:00 · 411 阅读 · 0 评论