当前位置：首页 > news >正文

uniapp vue2版本如何设置i18n

news 来源：原创 2025/5/6 14:18:42

如何设置i18n在该软件设置过语言的情况下优先选择所设置语言，在没有设置的情况下，获取本系统默认语言就，将系统默认语言设置为当前选择语言。

1、下载依赖：

npm install vue-i18n --save

2、创建相关文件（在最外层，与main.js平级）

3、en文件下：

{"pageJson.switchLanguage": "Switch Language","checkLanguage.chinese": "Chinese","checkLanguage.russian": "Russian","checkLanguage.english": "English","checkLanguage.auto": "Automatic","checkLanguage.applicationLanguage": "Current language:","checkLanguage.language": "Switch Language:","checkLanguage.restartApp": "Applying this setting will restart the app"
}

4、zh_CN文件：

{"pageJson.switchLanguage": "切换语言","checkLanguage.chinese": "中文","checkLanguage.russian": "俄语","checkLanguage.english": "英文","checkLanguage.auto": "自动","checkLanguage.applicationLanguage": "当前语言:","checkLanguage.language": "语言","checkLanguage.restartApp": "应用此设置将重启App"
}

5、index文件：

import en from './en.json'
import zh_CN from './zh_CN.json'export default {en,'zh_CN': zh_CN
}

6、main.js文件：（locale取值逻辑为：优先获取locastorage中的值，如果locastorage中不存在，获取当前系统的值并赋值）

import Vue from 'vue'
import App from './App'import uView from "uview-ui";
Vue.use(uView);import messages from './local/index.js'
let i18nConfig = {// locale: uni.getLocale(),locale: uni.getStorageSync('locale') != null && uni.getStorageSync('locale') != undefined && uni.getStorageSync('locale') != '' ? (uni.getStorageSync('locale').startsWith('zh') ? 'zh_CN' : 'en') : (uni.getLocale().startsWith('zh') ? 'zh_CN' : 'en'),messages
}
import VueI18n from 'vue-i18n'
Vue.use(VueI18n)
const i18n = new VueI18n(i18nConfig)Vue.config.productionTip = falseApp.mpType = 'app'const app = new Vue({i18n,...App
})
app.$mount()

7、将时区和uniapp当前所选择的值放入请求头中（cookie字段uniapp请求头回自动屏蔽，所以设置为其他字段传给后端）

时区获取使用moment-timezone，三方插件（具体使用请查看我的另外一篇文章：https://blog.csdn.net/xiao_qiang666/article/details/144984641?spm=1001.2014.3001.5502）

import moment from 'moment-timezone';const timeZone = moment.tz.guess();
let localLanguage = uni.getStorageSync('locale');
let cookieObj = null
if (localLanguage && localLanguage == 'zh_CN') {cookieObj = 'za-language=zh-CN; timeZone=' + timeZone
} else if (localLanguage && localLanguage == 'en') {cookieObj = 'za-language=en_US; timeZone=' + timeZone
} else {let systemInfo = uni.getSystemInfoSync();let systemLocale = systemInfo.language;if (systemLocale && systemLocale == 'zh-CN') {cookieObj = 'za-language=zh_CN; timeZone=' + timeZone} else {cookieObj = 'za-language=en_US; timeZone=' + timeZone}}//以其中一个为例
let _get = function(url, obj, callback) {return ajax({method: 'GET',header: {'content-type': 'multipart/form-data; boundary=XXX','cache-control': 'no-cache','xcookie': cookieObj,'Authorization': 'Bearer ' + uni.getStorageSync('token'),},url: url,data: utils.formatForm(obj),success: function(res) {// let pages = getCurrentPages();if (res.code === 200) {callback && callback(res);}}})
}

8、语言切换页面：

<template><view class="container"><view class="card_container"><view class="list-item"><text class="k">{{$t(`checkLanguage.applicationLanguage`)}}</text><text class="v">{{applicationLocale.startsWith('zh')?'中文':'English' }}</text></view><view class="locale-setting">{{$t(`checkLanguage.language`)}}</view><view class="locale-list"><view class="locale-item" v-for="(item, index) in locales" :key="index" @click="onLocaleChange(item)"><text class="text">{{item.text}}</text><text class="icon-check" v-if="item.code == applicationLocale"></text></view></view></view></view>
</template><script>export default {data() {return {systemLocale: '',applicationLocale: '',curChange: null}},computed: {locales() {return [{text: this.$t('checkLanguage.auto'), //自动code: 'auto'}, {text: "English",code: 'en'},{text: "中文",code: 'zh_CN'}]}},onLoad() {let systemInfo = uni.getSystemInfoSync();this.systemLocale = systemInfo.language;this.applicationLocale = uni.getLocale();this.isAndroid = systemInfo.platform.toLowerCase() === 'android';uni.onLocaleChange((e) => {this.applicationLocale = e.locale;})},methods: {onLocaleChange(e) {if (this.isAndroid) {uni.showModal({content: this.$t(`checkLanguage.restartApp`),success: (res) => {if (res.confirm) {uni.setLocale(e.code);uni.setStorageSync('locale', e.code);this.$i18n.locale = e.code;}}})} else {uni.setLocale(e.code);this.$i18n.locale = e.code;}}}}
</script><style>.container {height: 100vh;padding: 20% 10%;display: flex;justify-content: center;}.card_container {height: 500upx;width: 100%;background-color: #FFF;padding: 8%;border-radius: 24upx;}.title {font-size: 16px;font-weight: bold;margin-bottom: 15px;}.description {font-size: 14px;opacity: 0.6;margin-bottom: 15px;}.detail-link {font-size: 14px;word-break: break-all;}.link {color: #007AFF;margin-left: 10px;}.locale-setting {font-size: 16px;font-weight: bold;margin-top: 25px;margin-bottom: 5px;padding-bottom: 5px;border-bottom: 1px solid #f0f0f0;}.list-item {font-size: 14px;padding: 10px 0;}.list-item .v {margin-left: 5px;}.locale-item {display: flex;flex-direction: row;padding: 10px 0;}.locale-item .text {flex: 1;}.icon-check {margin-right: 5px;border: 2px solid #007aff;border-left: 0;border-top: 0;height: 12px;width: 6px;transform-origin: center;/* #ifndef APP-NVUE */transition: all 0.3s;/* #endif */transform: rotate(45deg);}
</style>

9、page.json中使用：

代码：

"%pageJson.signOut%"

10、正常页面中使用：

template中：{{$t(`measure.concentration`)}}
script中：this.$t(`measure.linkDevice`)

uniapp vue2版本如何设置i18n

如何设置i18n在该软件设置过语言的情况下优先选择所设置语言，在没有设置的情况下，获取本系统默认语言就，将系统默认语言设置为当前选择语言。 1、下载依赖： npm install vue-i18n --save 2、创建相关文件（在最外层&…...

编程日记 2025/5/6 14:18:42

【2024华为OD-E卷-100分-boss的收入】（题目+思路+JavaC++Python解析)

题目描述题目：boss的收入在一个公司中，有一个老板（boss）和若干名员工（employees）。老板和员工的收入信息存储在一个数组中，其中数组的每个元素表示一个人的收入。数组的第0个元素表示老板的…...

编程日记 2025/5/6 11:08:58

若依 ruoyi-vue HandlerInterceptor 拦截器文件接口自定义权限

文件资源添加自定义权限 package com.huida.framework.config;import com.huida.framework.interceptor.FileInterceptor; import com.huida.framework.interceptor.RequestInterceptor; import org.springframework.beans.factory.annotation.Autowired; import org.springfr…...

编程日记 2025/4/28 3:01:48

在离线环境中安装 `.rpm` 包的步骤

在一些环境中，可能无法直接通过网络安装软件包。特别是在没有互联网连接的情况下，我们仍然可以手动下载 .rpm 安装包并进行离线安装。本文将介绍如何在离线环境中安装多个 .rpm 包，确保软件的顺利安装和依赖关系的处理。 1. 将 .rpm 文件复制…...

编程日记 2025/4/30 21:21:54

Python----Python爬虫（selenium的使用，定位元素，层级定位）

一、介绍与安装 Selenium是一个Web的自动化测试工具，最初是为网站自动化测试而开发的，类型像我们玩游戏用的按键精灵，可以按指定的命令自动操作，不同是Selenium 可以直接运行在浏览器上，它支持所有主流的浏览器。 Sele…...

编程日记 2025/5/6 14:11:36

Docker 服务、镜像、容器之命令（Docker Services, Images, and Container Commands）

Docker 服务、镜像、容器之命令 Docker是一个强大的容器化平台，能够帮助开发者高效地构建、部署和管理应用程序。本文将详细介绍Docker的服务命令、镜像命令和容器命令，帮助你快速上手Docker。一、Docker的服务相关命令在使用Docker之前&#xff0c…...

编程日记 2025/5/6 14:01:37

当歌 - RSS 订阅分发平台开发

以下将详细介绍当歌平台的技术架构、功能实现以及相关代码逻辑。一、项目概述当歌是一个极简的 RSS 订阅分发平台，旨在为用户提供便捷的 RSS 管理和订阅服务，帮助用户轻松获取和分享最新资讯。二、技术架构后端语言：PHP 数据库&#…...

编程日记 2025/5/6 13:09:15

vue3使用AntV X6 (图可视化引擎)历程[二]

通过h函数动态展示自定义节点内容一、案例效果二、案例代码父组件. BloodTopology.vue <template><div><TopologyCompact><template #main-board-box><TopologyDependent domId"featureBloodContainer" :nodeData"originalNode…...

编程日记 2025/5/6 13:58:50

爬虫学习记录

1.概念通过编写程序,模拟浏览器上网,然后让其去互联网上抓取数据的过程通用爬虫:抓取的是一整张页面数据聚焦爬虫:抓取的是页面中的特定局部内容增量式爬虫:监测网站中数据更新的情况,只会抓取网站中最新更新出来的数据 robots.txt协议: 君子协议,网站后面添加robotx.txt…...

编程日记 2025/5/5 21:38:39

Erlang语言的函数实现

Erlang语言函数实现的深度探讨引言 Erlang是一种并发编程语言，最初由爱立信公司为电信系统开发。它以其强大的并发处理能力和容错机制而闻名，广泛应用于实时系统和分布式系统。本文将详细探讨Erlang语言中的函数实现，包括函数的定义、调用…...

编程日记 2025/5/6 13:57:19

LLM之RAG实战（五十一）| 使用python和Cypher解析PDF数据，并加载到Neo4j数据库

一、必备条件： python语言Neo4j数据库python库：neo4j、llmsherpa、glob、dotenv 二、代码： from llmsherpa.readers import LayoutPDFReaderfrom neo4j import GraphDatabaseimport uuidimport hashlibimport osimport globfrom datetime …...

编程日记 2025/5/5 7:51:52

单例模式-如何保证全局唯一性？

以下是几种实现单例模式并保证全局唯一性的方法： 1. 饿汉式单例模式 class Singleton { private:// 私有构造函数，防止外部创建对象Singleton() {}// 静态成员变量，存储单例对象static Singleton instance; public:// 公有静态成员函数&…...

编程日记 2025/5/6 13:33:16

05、Docker学习，常用安装：Mysql、Redis、Nginx、Nacos

Docker学习，常用安装：Mysql、Redis、Nginx、Nacos 一、Docker安装Mysql 1、docker search mysql ##查找mysql版本都有哪些 2、docker pull mysql:5.6 ##下载5.6版本的mysql镜像 3、docker run -p 13306:3306 --name mysql ##运行…...

编程日记 2025/5/6 5:24:32

docker 启动redis 守护进程

文章目录前言一、整体流程二、状态图三、结语前言在现代软件开发中，缓存和消息队列是提高应用性能和扩展性的关键。Redis 是一种流行的内存数据结构存储系统，它支持多种类型的数据结构，如字符串、哈希、列表、集合、有序集合等。使用 Doc…...

编程日记 2025/4/27 12:07:11

Angular由一个bug说起之十三：Cross Origin

跨域想要了解跨域，首要要了解源什么是源，源等于协议加域名加端口号只有这三个都相同，才是同源，反之则是非同源。比如下面这四个里，只有第4个是同源而浏览器给服务器发送请求时，他们的源一样&#xff0…...

编程日记 2025/4/27 3:26:57

为深度学习引入张量

为深度学习引入张量什么是张量？ 神经网络中的输入、输出和转换都是使用张量表示的，因此，神经网络编程大量使用张量。张量是神经网络使用的主要数据结构。张量的概念是其他更具体概念的数学概括。让我们看看一些张量的具体实例。张量…...

编程日记 2025/5/6 13:20:46

opencv摄像头标定程序实现

摄像头标定是计算机视觉中的一个重要步骤，用于确定摄像头的内参（如焦距、主点、畸变系数等）和外参（如旋转矩阵和平移向量）。OpenCV 提供了方便的工具来进行摄像头标定。下面分别给出 C 和 Python 的实现。 1. C 实现…...

编程日记 2025/5/6 13:55:47

Flutter：封装一个自用的bottom_picker选择器

效果图：单列选择器使用bottom_picker: ^2.9.0实现，单列选择器，官方文档 pubspec.yaml # 底部选择 bottom_picker: ^2.9.0picker_utils.dart AppTheme：自定义的颜色 TextWidget.body Text() <Widget>[].toRow Row()下边代…...

编程日记 2025/5/4 17:20:40

Docker 容器自动化管理之脚本(Script for Docker Container Automation Management)

Docker 容器自动化管理之脚本简介 Docker‌是一个开源的容器化平台，旨在简化应用程序的开发、部署和运行过程。它通过将应用程序及其依赖项打包到一个可移植的容器中，使得开发人员能够在不同的环境中以一致的方式构建、打包和分发应用程序‌。 Docke…...

编程日记 2025/5/6 13:55:48

client-go中watch机制的一些陷阱

Reference https://stackoverflow.com/questions/51399407/watch-in-k8s-golang-api-watches-and-get-events-but-after-sometime-doesnt-get-an 问题描述最近在使用 client-go 的 watch 机制监听 k8s 中的 deployment 资源时，发现一个奇怪的现象先看下代码&a…...

编程日记 2025/5/3 17:04:33

用户界面的UML建模11

然而，在用户界面方面，重要的是要了解《boundary》类是如何与这个异常分层结构进行关联的。《exception》类的对象可以作为《control》类的对象。因此，《exception》类能够聚合《boundary》类。参见图12，《exception》Database…...

编程日记 2025/5/6 14:12:49

计算机网络之---数据链路层的功能与作用

数据链路层概念数据链路层（Data Link Layer）是计算机网络中的第二层，它位于物理层和网络层之间，主要负责数据在物理链路上的可靠传输。其基本功能是将网络层传来的数据分成帧，并负责在物理链路上可靠地传输这些数据帧…...

编程日记 2025/5/6 13:45:04

添加到 PATH 环境变量中

命令解释 # 将命令中的<CLI_PATH>替换为您aliyun文件的所在目录。 echo export PATH$PATH:<CLI_PATH> >> ~/.bash_profile echo export PATH$PATH:/data2/ljsang/aliyun/aliyun >> ~/.bash_profileexport PATH$PATH:/data2/ljsang/aliyun/aliyun&…...

编程日记 2025/5/6 14:03:11

【51单片机零基础-chapter6:LCD1602调试工具】

实验0-用显示屏LCD验证自己的猜想如同c的cout,前端的console.log() #include <REGX52.H> #include <INTRINS.H> #include "LCD1602.h" int var0; void main() {LCD_Init();LCD_ShowNum(1,1,var211,5);while(1){;} }实验1-编写LCD1602液晶显示屏驱动函…...

编程日记 2025/5/6 13:43:39

Linux 内核中的 netif_start_queue 函数：启动网络接口发送队列的关键

在 Linux 内核的网络子系统中，netif_start_queue 函数扮演着至关重要的角色。这个函数的主要功能是启动（或启用）网络接口的发送队列，标志着网络接口已经准备好开始发送数据包。本文将深入探讨 netif_start_queue 函数的用途、工作原理以及在实际网络驱动代码中的应用。函…...

编程日记 2025/5/6 14:06:09

（七）人工智能进阶之人脸识别：从刷脸支付到智能安防的奥秘，小白都可以入手的MTCNN+Arcface网络

零、开篇趣谈还记得第一次用支付宝"刷脸"时的新奇感吗？或者被抖音的人脸特效逗乐的瞬间？这些有趣的应用背后，其实藏着一个精妙的AI世界。今天，就让我们开启一段奇妙的人脸识别技术探索之旅吧！ 一、人脸识…...

编程日记 2025/5/6 14:04:43

ExcelDataReader：一个.Net高性能Excel开源读取器

推荐一个用于读取Microsoft Excel文件的高性能开源库。 01 项目简介 ExcelDataReader是一个功能强大且易于使用的开源项目，提供了丰富的读取API，专门读取Excel文件的数据，特别是处理大数据量的情况。 ExcelDataReader支持Excel版本从2007年…...

编程日记 2025/5/5 20:48:45

人工智能-机器学习之多元线性回归（项目实践一）

目标：运用scikit-learn进行多元线性回归方程的构建，通过实际案例的训练集和测试集进行预测，最终通过预测结果和MSE来评估预测的精度。一、首先安装scikit-learn：pip install scikit-learn C:\Users\CMCC\PycharmProjects\AiPro…...

编程日记 2025/5/5 17:45:20

Mysql--基础篇--约束（主键，外键，唯一，检查，枚举及复合约束等）

在MySQL中，约束（Constraints）是用于确保数据库中数据完整性和一致性的规则。通过定义约束，可以防止用户插入、更新或删除不符合特定条件的数据，从而保证数据的准确性和可靠性。MySQL支持多种类型的约束，每种…...

编程日记 2025/5/2 5:32:13

经典多模态模型CLIP - 直观且详尽的解释

对比语言-图像预训练（CLIP），这是一种创新的多模态建模策略，能够创建视觉和语言的联合表示。CLIP 的效果非常出色，可以用于构建高度特定且性能卓越的分类器，而无需任何训练数据。本文将深入探讨其理论基础&a…...

编程日记 2025/5/4 20:45:10

着丝粒鉴定CentIER v3.0安装与使用-bioinfomatics tools41

使用CentIE鉴定着丝粒 T2T基因组端粒与着丝粒的区别及其鉴定方法-随笔02_chip-seq鉴定着丝粒-CSDN博客 T2T时代的基因组组装-文献精读-9_基因组t2t组装-CSDN博客桑树T2T基因组-文献精读16_桑树基因组-CSDN博客辣椒属2个T2T基因组-文献精读23_辣椒基因组-CSDN博客大花…...

编程日记 2025/5/6 8:37:50

Objective-C语言的多线程编程

Objective-C语言的多线程编程在现代应用程序开发中，尤其是移动应用开发，多线程编程是一个不可或缺的部分。使用多线程可以提升应用的响应能力，使得可以同时处理多个任务，从而优化用户体验。在本文中，我们将深入探讨O…...

编程日记 2025/5/6 14:08:55

Golang的并发编程框架比较

# Golang的并发编程框架比较中的并发编程在现代软件开发中，处理高并发的能力愈发重要。Golang作为一门支持并发编程的编程语言，提供了丰富的并发编程框架和工具，使得开发者能够更轻松地处理并发任务。本文将介绍Golang中几种常用的并发编程…...

编程日记 2025/4/30 4:58:32

通过 oh-my-posh posh-git 优化PowerShell

转自oh-my-posh & posh-git 提升在 windows 环境的开发体验 oh-my-posh 是用于自定义 PowerShell 主题和配色的工具，posh-git 则是为 PowerShell 提供了方便的 git 状态显示和命令补全功能。安装PowerShell 7和 winget下载器，都可以直接在 Microsof…...

编程日记 2025/5/4 12:59:32

【Linux系列】Vim 编辑器中的高效文本编辑技巧：删除操作

💝💝💝欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。推荐:kwan 的首页,持续学…...

编程日记 2025/4/23 9:42:08

慧集通（DataLinkX）iPaaS集成平台-连接器

如何创建连接器？ 连接器是用于跟各系统进行连接，是集成交互的基础构成也是主要构成之一；连接器一般是根据业务系统的开放的不同方式由开发人员进行封装，封装完成后交付人员可以在所有连接那里建立对应的连接，连接需要…...

编程日记 2025/5/6 13:26:40

vue3使用vue3-video-play播放m3u8视频

1.安装vue3-video-play npm install vue3-video-play --save2.在组件中使用 import vue3-video-play/dist/style.css; import VideoPlay from vue3-video-play;// 视频配置项 const options reactive({src: https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8, //视频源mute…...

编程日记 2025/5/6 13:31:55

单片机-外部中断

中断是指 CPU 在处理某一事件 A 时，发生了另一事件 B，请求 CPU 迅速去处理(中断发生)；CPU 暂时停止当前的工作(中断响应)， 转去处理事件 B(中断服务)；待 CPU 将事件 B 处理完毕后，再回到原来事件 A 被中断的…...

编程日记 2025/5/2 2:33:21

《C++11》右值引用深度解析：性能优化的秘密武器

C11引入了一个新的概念——右值引用，这是一个相当深奥且重要的概念。为了理解右值引用，我们需要先理解左值和右值的概念，然后再理解左值引用和右值引用。本文将详细解析这些概念，并通过实例进行说明，以揭示右值引用如何…...

编程日记 2025/5/6 13:31:54

【HTML+CSS+JS+VUE】web前端教程-1-VScode开发者工具快捷键

VScode打开文件夹与创建文件 1、选择文件夹 2、拖拽文件夹生成浏览器文件.html的快捷方式 ! 回车vscode常用快捷键列表代码格式化：shift alt F 向上或向下移动一行： alt up 或者 alt down 快速复制一行代码：shift alt up 或者 sh…...

编程日记 2025/5/3 17:14:41

【嵌入式硬件】直流电机驱动相关

项目场景： 驱动履带车（双直流电机）前进、后退、转弯问题描述电机驱动MOS管烧毁电机驱动采用IR2104STRH1R403NL的H桥方案（这是修改之后的图） 原因分析： 1.主要原因是4路PWM没有限幅，修改…...

编程日记 2025/5/2 8:08:36

接口测试-postman（使用postman测试接口笔记）

一、设置全局变量 1. 点击右上角设置按钮-》打开管理环境窗口-》选择”全局“-》设置变量名称，初始值和当前值设置一样的，放host放拼接的url，key放鉴权那一串字符，然后保存-》去使用全局变量，用{{变量名称}}形式二、…...

编程日记 2025/5/2 6:00:05

强化学习常用库的版本对应关系

本文介绍了pytorch强化学习框架和常用python库的对应关系。持续更新中！基础包工具包版本描述python3.9.13-numpy1.24.3-protobuf3.19.6结构化数据包cython0.29.21静态编译器setuptools66.0.0-学习框架工...

编程日记 2025/5/4 18:01:09

Unity 热更新基础知识

文章目录 1.一些名词2.三种编译方式3.Unity 两种脚本后端3.1 Mono3.2 IL2CPP3.3 对比 1.一些名词 IL（Intermediate Language）：中间语言（类似于汇编代码）CIL（Common Intermediate Language）&…...

编程日记 2025/5/1 17:20:40

JetBrains IDEs和Visual Studio Code的对比

JetBrains IDEs和Visual Studio Code的对比 JetBrains IDEs是捷克JetBrains公司开发的一系列集成开发环境（IDE）。以下是具体介绍：IntelliJ IDEA是JetBrains 公司的一款产品主要产品 IntelliJ IDEA：一款功能强大且广泛应用的Java集成开发环境，有开源免费的社区版和商业收…...

编程日记 2025/5/6 4:49:23

C语言将点分十进制的IP字符串转成4个整数

最近在做lldp的snmp返回值时需要做这样的转换处理：C语言将点分十进制的IP字符串转成4个整数。这里用两种方式： sscanf格式化处理用 inet_aton函数将ip字符串转成32位的整形，然后再根据bit转成对应的4个整数。 man命令可以确认下sscanf和i…...

编程日记 2025/5/1 1:05:57

慧集通（DataLinkX）iPaaS集成平台:数据流程的基本操作

流程搭建与发布该功能下是我们集成的流程配置实现，在这里我们可以通过搭建一条条不同的流程来实现不同的业务场景。列表界面如下所示： 下面我们做一个业务场景的流程来具体讲解下该功能（OA销售单推送T销售出库单场景）。首先…...

编程日记 2025/4/23 8:11:04

三线结构光避障远近有度，石头自清洁扫拖机器人G30上市

1月8日，石头科技发布新一代自清洁扫拖机器人产品G30，以卓越的旗舰级性能，为用户带来了更为全面极致的清洁体验。在本届CES2025展会期间，石头G30现身石头科技展台，彰显极致清洁科技。据「TMT星球」了解，石头…...

编程日记 2025/5/3 6:10:23

深入理解 React 中 setState 的行为及状态更新时机

在 React 开发中，setState 是我们更新组件状态的核心 API。然而，setState 的行为因调用场景的不同而有所变化，这可能会让许多开发者感到困惑。特别是在 React 18 中，引入了自动批量更新机制，使得部分场景的行为发生了变…...

编程日记 2025/5/1 1:16:16

一次完成Win10下MySQL 9.1 的安装

文章目录前言一、安装环境二、安装方式选择三、下载四、安装总结前言一、安装环境 1、MySQL9.1.0.zip 下载地址：https://dev.mysql.com/downloads/mysql/ 2、Win10 3、客户端MySQL Workbench8.0 CE 下载地址：https://dev.mysql.com/downloads/w…...

编程日记 2025/5/1 17:18:32

相关文章：