react usememo memo vs
07 - react 唯一修改state状态的方式 setState
// setState 修改状态 如果是直接修改页面不会改变 使用 setState 修改数据 才会驱动视图的改变 // setState 的原理:修改玩状态之后会调用 render 函数 import ReactDom from "react-dom" import { Component } f ......
VS Code 配置 C/C++ 环境(编译/调试)
1,VS Code 安装 点击此处跳转到官网下载安装VS Code 2,环境准备 这里我们安装VS Code官方推荐的方法安装即可。 官方文档。 2.1 下载 MSYS2 点击进入MSYS2官网,找到 Installation 的Download the installer: msys2-x86_6 ......
06 - react的类组件中的状态state render函数 this指向问题 事件绑定
// 注册事件 import ReactDom from "react-dom" import { Component } from "react" // 类组件中的状态 通过 this.state.xxx 来获取状态 class Hello extends Component { // 事件对象 ......
react的类组件和函数组件 -- 状态 state
// 函数组件是无状态的 既没有数据的 类似 vue 组件中的 data 数据 // 类组件是有状态的组件 是有数据的 是双向绑定的数据 是数据驱动视图的 负责UI的视图更新 (单个组件的私有数据组件之间的数据是独立的) import ReactDom from "react-dom" import ......
完整实现React day10
update流程与mount流程的区别。 对于beginWork: 需要处理ChildDeletion的情况 需要处理节点移动的情况(abc -> bca) 对于completeWork: 需要处理HostText内容更新的情况 需要处理HostComponent属性变化的情况 对于commitWo ......
VS2017使用goodnight theme
下载源码编译,地址: https://github.com/wuoyrd/vs-theme-goodnight 稀里糊涂编译成了pkgdef文件,好在文件正确,又有插件可以读取这种文件 1、在扩展中搜索theme,安装此扩展 2、安装后打开颜色设置 3、导入主题 4、选择主题文件 5、选择主题为go ......
C++ vs Python
Why C++ is faster than Python https://www.freecodecamp.org/news/python-vs-c-plus-plus-time-complexity-analysis/ Summary Table | 编程语言 | strongly typed ......
Windows、IDEA、VS Code常用快捷键
一、Windows快捷键 win+E 打开文件管器 win+D 显示桌面 win+L 锁计算机 alt+F4 关闭当前程序 ctrl+shift+Esc 打开任务管理器(或者ctrl+alt+delete) ctrl+F 在一个文本或者网页里面查找,相当实用(退出一般按ESC) ctrl+A 选中所 ......
react- hooks 之 useMemo
1. 传入数组的变量需要在使用前进行定义, const [issueType, setIssueType] = useState('1'); const issueDisable = useMemo(() => { console.log('issueType 改变啦', issueType, da ......
React中的另一种状态管理方案Valtio
React中的状态管理是开发人员需要解决的问题。 总有一些新库给你选择,而选择合适的库可能是一项困难的工作 状态管理一直是React中开发人员需要解决的问题,如何有条理的组织数据,如何快速的在项目中集成,这些都是我们做项目时选择技术的标准。 Redux一直是我们react项目中不二的状态管理插件,但 ......
如何使用VS Code 建立并运行HTML文件
一、打开VS Code 配置插件首先打开VS Code 出现如下界面(注:我这里更改了主界面的颜色,默认应该为黑色界面) 点击左侧边栏的插件商店 ,并在搜索框中安装搜索如下插件 所需插件:1.中文语言包:将VS Code 编辑器语言更改为中文 2.Auto Rename Tag/Auto Close ......
删除 vs code 中的 github 登录信息
在 Windows 系统下,VSCode 使用 Git 存储和管理 GitHub 登录凭据。默认情况下,Git 会使用 Windows Credential Manager 存储凭据。要删除存储在其中的 GitHub 登录信息,请遵循以下步骤: 打开“控制面板”(Control Panel)。 点击 ......
== vs === in js
== vs in js In JavaScript, == and are comparison operators that are used to compare two values. However, they have different behaviors and are used in ......
VS Code+platformio配置ESP32-S3-N16R8(8MB PSRAM + 16MB FLASH)工程
一、现有问题 platformio现有的板子库里面没有ESP32-S3-N16R8(8MB PSRAM + 16MB FLASH)的开发板模型,直接强行套用,要么就是解锁不了8MB PSRAM,要么就下载后运行不起来。但是Arduino可以正常解锁。 二、简单解决办法 先选用esp32-s3-dev ......
JPG 100 vs JPG 20: What’s The Difference?
JPG 100 vs JPG 20: What’s The Difference? So you’re into photography and while you’re showing some skill and getting a handle on camera settings for t ......
react的基本:条件渲染
import reactDom from "react-dom" // 条件渲染 if else let loading = false // 写一个函数用于加载 const loadData = () => { if(loading) { return <div>数据加载中</div> }else ......
react中jsx的基本使用
// 使用 createElement太繁琐 不直观 不优雅开发体验不好 代码维护不行 // jsx 不是 js 而是 js的扩展语法 // jsx 是react的核心内容 // react项目中已经有了 bable 所以在react项目中直接使用 jsx 语法 【自动编译】 // jsx 的写法就 ......
react的基本使用
// 导入react和react-dom包 import react from 'react' import reactDom from 'react-dom' // console.log(react) // console.log(reactDom) // 创建react元素 // 参数 1. ......
react 更新状态中的对象
State 可以保存任何类型的 JavaScript 值,包括对象。但是你不应该直接改变你在 React 状态下持有的对象。相反,当你想更新一个对象时,你需要创建一个新对象(或复制一个现有对象),然后设置状态以使用该副本。 const [position, setPosition] = useSta ......
为什么以及什么时候 React 会渲染一个组件
组件显示到屏幕之前,其必须被 React 渲染。 在您触发渲染后,React 会调用您的组件来确定要在屏幕上显示的内容。“渲染中” 即 React 在调用您的组件。 在进行初次渲染时, React 会调用根组件。 对于后续的渲染, React 会调用内部状态更新触发了渲染的函数组件。 这个过程是递归 ......
VS配置微软符号
官方配置方法: https://learn.microsoft.com/zh-cn/windows-hardware/drivers/debugger/symbol-path 自己手动配置: 直接配置本地的环境变量 _NT_SYMBOL_PATH cache*D:\Microsoft Symbol; ......
react18中antd的select选择器组件自定义下拉框的内容
效果如图 导入组件和图标 import { Select } from 'antd' import { ManOutlined, WomanOutlined } from '@ant-design/icons'; const { Option } = Select; 数据 let userListO ......
日常翻译【Difference between Interpreter and Compiler Interpreter vs Compiler Animated】
When you land in the world of computers with their strange convoluted machine language, it's a bit like landing on another planet, whose inhabitants s ......
react点击滑块验证
css .wrap-num { width: 300px; } @keyframes defaultWave { 0% { transform: scale(1); } 20% { transform: scale(1.23); } 40% { transform: scale(1); } 100% ......
重拾react杂记
import { param,setParam} from 'React' 组件的名称必须以大写字母开头 <TableOfContents /> 每个js文件只有一个 export default function xx(){} 你的标签和 return 关键字不在同一行,则必须把它包裹在一对括号中 ......
在VS中怎么查看单类布局报告?看了就可以直接看多态和菱形的类的继承情况了!
1,打开文件所在路径 2.复制文件路径 3.打开vs开发者命令工具 4.进入到源文件目录 5.查看命令:cd /d1 reportSingleClassLayout类名 "xxx.cpp" ......
React和Vue的区别
React和Vue是两个非常流行的JavaScript框架,用于构建前端Web应用程序。以下是它们之间的一些区别: 模板语法:Vue使用模板语法,它允许您在HTML模板中嵌入Vue代码,类似于AngularJS。React使用JSX语法,它允许您将JavaScript代码嵌入HTML模板中。 数据绑 ......
react中二维码的生成
使用工具 主要使用qrcode.react来生成二维码 下载命令:npm install qrcode.react --save 使用方法 import {QRCodeSVG, QRCodeCanvas} from 'qrcode.react' // 有两种都可以用来生成二维码,格式不同 <QRCo ......
react hooks ts 项目报Empty components are self-closing
这个错误通常发生在使用 TypeScript 和 React Hooks 的项目中,它表示你的组件没有正确地关闭。这种情况下,编译器会认为空组件语法是自闭合的,但实际上并不是。 要解决这个问题,你需要检查所有的组件,并确保它们都正确地关闭。一般情况下,你应该避免使用空的 JSX 语法,换而言之,你应 ......