Redux in React 学习笔记
官方文档，视频教程 What is Redux?IntroRedux 是一种 JS 状态管理库，可用于任何 JS 应用程序，包括 React。Redux 提供单一的状态存储，可在整个应用程序中共享，方便跨组件共享数据。 在Redux中，状态存储在一个称为Store的对象中，并且只能通过Action来修改。Reducer函数用于处理Action，并返回新的状态对象。 它类似于 Context 概念，但 Context 并不像 Redux 那样提供状态管理和更新机制，你需要自己实现逻辑来修改 Context 中的数据。Redux 和 Context 是两种不同的技术，用于解决不同的问题，在一些小型应用或者组件层次较浅的应用中，使用 Context 可能会更加简单和方便。但在复杂应用中，Redux 的状态管理机制能够让你更方便地组织和管理应用的状态，也更容易调试和维护。 WorkflowRedux中的数据流是单向的，从View（视图）到Action（动作）再到Reducer（处理器）再到Store（存储器），最终再次返回到View中。当一个Action被触发后，它会被传递到Reducer ...
开发个人主页Portfolio网站记录
我在 Youtube 上找 React 项目开发教程时意外看到 Portfolio 这个概念，它是用来展示自己技能和作品的地方，可以在求职过程中向潜在雇主展示自己的能力和经验。开发这样一个项目能够让我每天保持敲代码和 Coming up with new idea 的习惯，感觉每天会很充实。在此我将记录搭建过程中的点点滴滴。 Harris Wong's Portfoliohttps://harriswong.top 技术点 将会在此记录一些不错的、我不会但最后解决了的技术点。 将用户键入文本传入邮件应用里时不显示回车在URL里，文本内容需要编码才能显示回车和空格等效果，在本项目里，我使用的是 encodeURIComponent() 方法。 具体如下，我将 textarea 里获取到的文本内容进行编码 const changeBody = (event) => setBody(encodeURIComponent(event.target.value)); 回到顶部按钮的逻辑实现123456789101112131415161718192021222324252627 ...
React学习笔记
我看的是 Learn React - Scrimba，Advanced React - Scrimba。 React 入门Intro 介绍CDN、导包CDN： 123456789<script crossorigin src="https://unpkg.com/react@17/umd/react.development.js"/><script crossorigin src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"></script><script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script> 导包，无需使用 CDN： 12import React from "react";import ReactDOM from "react-dom"; ...
