自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

原创 json-server mock数据实现

看到这个表示成功运行。

2025-01-07 10:48:33 229

原创 vite创建的react+ts项目 配置路径别名

可以看到main.ts中输入@/可以出来路径提示,导入后不会报红。这三个文件都加上下面这个配置。

2025-01-07 10:12:55 377

原创 volatile

volatile指令编程汇编语言的时候会多一个lock指令。作用是保证java多个线程在访问变量的时候值是最新的。volatile修饰变量。

2024-12-26 17:37:54 132

原创 十三、【react】react-router 路由

语法说明:通过给组件的to属性指定要跳转到路由path,组件会被渲染为浏览器支持的a链接,如果需要传参直接通过字符串拼接的方式拼接参数即可。钩子得到导航方法,然后通过调用方法以命令式的形式进行路由跳转,比如想在登录请求完毕之后跳转就可以选择这种方式,更加灵活。场景:当浏览器输入url的路径在整个路由配置中都找不到对应的 path,为了用户体验,可以使用 404 兜底组件进行渲染。路由系统中的多个路由之间需要进行路由跳转,并且在跳转的同时有可能需要传递参数进行通信。把router中的path去掉,换成。

2024-12-20 11:42:20 599

原创 十、【react】自定义Hook函数

【代码】十、【react】自定义Hook函数。

2024-12-16 14:08:37 215

原创 十一、【react】json-server

package.json scripts内添加。

2024-12-16 14:05:43 98

原创 九、【react】useEffect

在useEffect中编写的由渲染本身引起的对接组件外部的操作,社区也经常把它叫做副作用操作,比如在useEffect中开启了一个定时器,我们想在组件卸载时把这个定时器再清理掉,这个过程就是清理副作用。参数2是一个数组(可选参),在数组里放置依赖项,不同依赖项会影响第一个参数函数的执行,当是一个空数组的时候,副作用函数只会在组件渲染完毕之后执行一次。说明:清除副作用的函数最常见的执行时机是在组件卸载时自动执行需求:在Son组件渲染时开启一个定制器,卸载时清除这个定时器。空数组依赖,渲染的时候更新一次。

2024-12-16 14:04:10 335

原创 八、【react】组件之间的值传递

使用props父组件子组件props的值。

2024-12-16 14:01:20 196

原创 七、【react】useRef 获取当前dom元素

【代码】七、【react】useRef 获取当前dom元素。

2024-12-16 10:51:36 122

原创 六、【react】绑定表单数据

【代码】六、【react】绑定表单数据。

2024-12-16 10:51:01 88

原创 五、【react】组件基础样式方案

classnames样式对象控制工具。1、行内样式(不推荐)

2024-12-16 10:49:59 113

原创 四、【react】useState

useState是一个react hook函数,它允许我们向组件添加一个状态变量,从而控制影响组件的渲染结果。

2024-12-16 10:35:18 227

原创 三、【react】自定义组件

组件就是一个函数,首字母大写。

2024-12-16 10:29:04 118

原创 二、【react】基础语法

我们编写的代码主要写在tsx中,一个tsx一般就是一个组件本文提供一些基础语句放在app.tsx中即可成功运行为啥用这个东西呢?为了在html的结构中写js如何使用?注意:if、switch语句、变量声明属于语句,不是表达式,不能出现在{}中。

2024-12-16 10:26:35 211

原创 一、【react】初识react

JSX是JavaScript XML的缩写,是一种JavaScript的语法扩展。它允许我们在JavaScript代码中编写类似HTML的结构,使得React组件的书写更为直观和易于理解。然而,JSX并不是真实的JavaScript,它最终需要通过Babel等编译器转换为纯JavaScript代码才能被浏览器解析执行。main.tsx,连接index.xml和App.tsx的关键文件。tsx就是jsx的typescript版本,更推荐使用tsx。index.xml 单页面应用的最原始的页面。

2024-12-16 10:05:47 198

原创 ubuntu安装nacos

nacos各版本下载地址(官网):https://nacos.io/download/release-history/通过百度网盘分享的文件:nacos-server-2.3.2.zip链接:https://pan.baidu.com/s/1Mh1rCNhnWe7Y-Q_YX0uIBg?pwd=mwy0提取码:mwy0。

2024-07-31 13:15:49 1809

原创 Ubuntu 20.04 安装 redis

找到 # bind 127.0.0.1 这一行,取消注释并将其改为 bind 0.0.0.0 以允许所有 IP 地址访问 Redis 服务器。将 protected-mode yes 改为 protected-mode no 以禁用保护模式,允许远程连接。在 Ubuntu 20.04 上安装 Redis 是一个相对简单的过程。编辑 Redis 配置文件 /etc/redis/redis.conf。如果一切正常,你应该能看到 Redis 服务正在运行。安装完成后,Redis 服务将自动启动。

2024-07-30 13:18:16 593

原创 双亲委派机制

双亲委派机制

2023-12-12 22:50:51 416

原创 docker安装mysql8

7、使用客户端连接即可,注意端口号是3307,服务器开放这个端口了没。6、配置mysql root用户远程可访问。2、查看镜像是否拉取成功。5、进入mysql容器中。4、查看是否启动成功。

2023-11-23 23:47:54 582

原创 notepid++ 换行替换成逗号

Ctrl+H 打开替换框查找目标输入 换行符 \r\n,替换为输入要替换的内容,注意选择查找模式为扩展点击全部替换

2023-10-08 10:46:23 603 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除