随笔分类 -  React

1
You can do it.
Mobx 状态管理
摘要：可以少去理解一些不必要的概念，而多去思考为什么会有这样的东西，它解决了什么问题，或者它的运行机制是什么？ 1. mobx 介绍 https://cn.mobx.js.org/ 1）mobx 是一个功能强大，上手非常容易的状态管理工具。 2）mobx 背后的哲学很简单：任何源自应用状态的东西都应该自动 阅读全文
posted @ 2025-07-30 17:14 背包の技术 阅读(85) 评论(0) 推荐(0)
Redux 状态容器、管理
摘要：当你越来越有能力时，自然会有人看得起你；改变自己，你才有自信，梦想才会慢慢的实现。喷泉之所以漂亮是因为她有了压力；瀑布之所以壮观是因为她没有了退路；水之所以能穿石是因为永远在坚持。 首先我们要明确一个 React 组件，它与数据挂钩的只有 props 和 state，一个是从上级传下来的数据，一个是 阅读全文
posted @ 2025-07-30 17:11 背包の技术 阅读(238) 评论(0) 推荐(1)
Umi 约定式路由解析
摘要：可以少去理解一些不必要的概念，而多去思考为什么会有这样的东西，它解决了什么问题，或者它的运行机制是什么？ 1. 什么是路由 路由是根据不同的 URl 地址展示不同的内容或页面、组件。一个针对 React 而设计的路由解决方案、可以友好的帮你解决 React Components 到 URl（路径） 阅读全文
posted @ 2025-07-29 13:21 背包の技术 阅读(79) 评论(0) 推荐(0)
React 路由配置解析
摘要：可以少去理解一些不必要的概念，而多去思考为什么会有这样的东西，它解决了什么问题，或者它的运行机制是什么？ 1. 什么是路由 路由是根据不同的 URL 地址展示不同的页面、组件。一个针对 React 而设计的路由解决方案、可以友好的帮你解决组件到 URl（路径） 之间的同步映射关系。 V5 版本思想一 阅读全文
posted @ 2025-06-26 14:58 背包の技术 阅读(435) 评论(0) 推荐(0)
CSS 布局原理
摘要：可以少去理解一些不必要的概念，而多去思考为什么会有这样的东西，它解决了什么问题，或者它的运行机制是什么？ CSS 的布局原理是一套基于 ‌浏览器渲染引擎‌ 的复杂规则，其核心逻辑是通过布局模型（Layout Model）‌ 和 ‌盒子模型（Box Model）‌ 的协同工作来确定元素的位置和尺寸。以 阅读全文
posted @ 2024-01-17 16:29 背包の技术 阅读(464) 评论(0) 推荐(0)
React Hooks 钩子特性
摘要：人在身处逆境时，适应环境的能力实在惊人。人可以忍受不幸，也可以战胜不幸，因为人有着惊人的潜力，只要立志发挥它，就一定能渡过难关。 Hooks 是 React 16.8 的新增特性。它可以让你在不编写 class 组件的情况下使用 state 以及其他的 React 特性。 React Hooks 表 阅读全文
posted @ 2023-12-12 17:18 背包の技术 阅读(369) 评论(0) 推荐(0)
React 组件生命周期
摘要：求上进的人，不要总想着靠谁，人都是自私的，自己才是最靠得住的人。 React 中生命周期划时代几个节点，React 16.2 之前处于老的生命周期，之后提出了新的生命周期。而函数式组件在 React 16.8 之前是没有状态和生命周期的，在 React 16.8 版本通过引入 Hooks 使得函数式 阅读全文
posted @ 2023-12-08 16:27 背包の技术 阅读(605) 评论(0) 推荐(3)
React 组件通信方式
摘要：人生的游戏不在于拿了一副好牌，而在于怎样去打好坏牌，世上没有常胜将军，勇于超越自我者才能得到最后的奖杯。 1. 父子组件通信方式 1.1 父组件传递到子组件 直接通过属性进行传递，数据的传递可以提高组件的复用性。 1.2 子组件传递到父组件 通过回调函数（callback）来实现。 ref 标记：父 阅读全文
posted @ 2023-12-06 16:03 背包の技术 阅读(270) 评论(0) 推荐(0)
React 性能优化
摘要：求上进的人，不要总想着靠谁，人都是自私的，自己才是最靠得住的人。 1. shouldComponentUpdate React 手动优化，控制组件自身或者子组件是否需要更新，尤其在子组件非常多的情况下，需要进行优化。 2. PureComponent React 自动优化，PureComponent 阅读全文
posted @ 2023-12-04 19:28 背包の技术 阅读(512) 评论(0) 推荐(0)
React 受控和非受控组件
摘要：无论你做什么，都要相信自己可以做到，因为你的潜力是无限的。 把父组件的状态变成属性传递给子组件，子组件接受这个属性，听命于父组件。这个子组件就是叫做受控组件。在受控与非受控组件有两种理解方案，第一：狭义上的受控与非受控，就是我们在表单中的受控与非受控组件。第二：广义上的受控与非受控组件，就是 Rea 阅读全文
posted @ 2023-11-29 17:25 背包の技术 阅读(352) 评论(0) 推荐(0)
React 中 Ref 引用
摘要：不要因为别人的评价而改变自己的想法，因为你的生活是你自己的。 1. React 中 Ref 的应用 1.1 给标签设置 ref 给标签设置 ref，ref="username"， 通过 this.refs.username 可以获取引用的标签，ref 可以获取到应用的真实 Dom 节点。但是 thi 阅读全文
posted @ 2023-11-29 16:20 背包の技术 阅读(320) 评论(0) 推荐(0)
React 中事件处理
摘要：不要问自己需要什么样的人生，而要问自己想要成为什么样的人。 我们从前面的学习知道一个 React 组件不仅仅只包含 DOM 结构的，还应该样式和 Javascript 逻辑的。这里我们认识逻辑构造之事件处理。 1. React 事件处理 这里列举了在 React 中事件的几种绑定处理方式： impo 阅读全文
posted @ 2023-11-28 19:34 背包の技术 阅读(277) 评论(0) 推荐(0)
React 组件之属性
摘要：如果你想要实现自己的梦想，就必须先拥有勇气去追求它。 1. React Props 属性 props 主要解决两个问题：复用性问题以及可以让组件之间通信。 属性 props 正常是外部传入的，组件内部也可以通过一些方式来初始化的设置，属性不能被组件自己更改（属性是描述性质、特点的，组件自己不能随意更 阅读全文
posted @ 2023-11-27 16:19 背包の技术 阅读(259) 评论(0) 推荐(0)
React 组件之状态
摘要：没有什么是不可能的，只是需要找到正确的方法。 1. 什么是状态？ 状态就是组件内部特有数据的载体（组件数据挂载方式），改变数据页面就会刷新，由组件自己设置和更改，也就是说由组件自己产生、维护，使用状态的目的就是为了在不同的状态下使组件的显示不同（自己管理），这在 React 中称为：条件渲染。 为什 阅读全文
posted @ 2023-11-24 17:02 背包の技术 阅读(99) 评论(0) 推荐(0)
React 组件之样式
摘要：无论你的梦想有多么高远，记住，一切皆有可能。 我们从前面的学习知道一个 React 组件不仅仅只包含 DOM 结构的，还应该包括样式和 Javascript 逻辑的。这里我们学习下如何构建 CSS 样式。 1. 逻辑表示 JSX 中使用大括号语法来包裹 JS 表达式（简单逻辑代码）。例如： { 1 阅读全文
posted @ 2023-11-23 17:41 背包の技术 阅读(443) 评论(0) 推荐(0)
组件和组件库框架
摘要：所谓天才，就是努力的力量。 React 组件由 DOM 结构，样式和 Javascript 逻辑组成。 1. ES6 中的类 class People { constructor() { this.name = "hubert" this.age = 29 } printName() { conso 阅读全文
posted @ 2023-11-22 17:30 背包の技术 阅读(219) 评论(0) 推荐(0)
React 应用构建（环境）
摘要：可以少去理解一些不必要的概念，而多去思考为什么会有这样的东西，它解决了什么问题，或者它的运行机制是什么？ 一. 环境搭建 工作编辑器：Visual Studio Code。 Javascript 解析器、运行环境 Node.js 的安装。 npm 安装：npm 是 Node.js 的软件包管理器。 阅读全文
posted @ 2023-11-21 17:50 背包の技术 阅读(126) 评论(0) 推荐(0)
React 中常用技术
摘要：可以少去理解一些不必要的概念，而多去思考为什么会有这样的东西，它解决了什么问题，或者它的运行机制是什么？ 1. React 中导出和导入 1.1 ES6 解析 ES6 的模块化的基本规则或特点： 每一个模块只加载一次， 每一个 JS 只执行一次， 如果下次再去加载同目录下同文件，直接从内存中读取。一 阅读全文
posted @ 2023-11-20 20:08 背包の技术 阅读(312) 评论(0) 推荐(0)
JSX、TSX 整体理解
摘要：可以少去理解一些不必要的概念，而多去思考为什么会有这样的东西，它解决了什么问题，或者它的运行机制是什么？ JS JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备开发。 https://www.run 阅读全文
posted @ 2023-11-18 12:58 背包の技术 阅读(951) 评论(0) 推荐(0)
React、Umi、RN 整体理解
摘要：可以少去理解一些不必要的概念，而多去思考为什么会有这样的东西，它解决了什么问题，或者它的运行机制是什么？ React 1. React 起源和发展（是什么？） React 是用于构建用户界面的 JavaScript 库，起源于 Facebook 的内部项目，该公司对市场上所有 JavaScript 阅读全文
posted @ 2023-11-17 19:15 背包の技术 阅读(909) 评论(0) 推荐(0)

1