Dxh0112_的博客

原创 专为程序员打造！5379工具箱再添三大神器：开发、语言、财务工具全面上线

5379工具箱全新升级，推出三大专业工具专区：开发工具、语言工具和财务工具。开发工具专区提供命名转换器、代码格式化、正则测试等编码利器；语言工具包含简繁转换、数字转英文等功能；财务工具涵盖人民币大写转换、支票日期处理等专业计算。所有工具均免费免登录，采用本地处理保障数据安全，支持暗黑模式，适用于开发者、财务人员等多场景需求。

原创 React Hooks 核心用法精要：useRef、forwardRef 与性能优化

React Hooks使用指南摘要：useState和useRef都具有记忆功能，但前者会触发重渲染，后者不会。useRef支持直接调用和匿名函数两种方式。forwardRef用于父子组件ref传递，而useImperativeHandle可让子组件控制要暴露的DOM元素和功能。useCallback用于缓存函数，useMemo则用于缓存计算结果。理解这些Hooks的区别和适用场景，能帮助开发者更好地构建React应用。

原创 5379工具箱再添新成员！10大文本处理神器，让内容编辑事半功倍！

5379工具箱推出全新"文本工具"专区，包含10款免登录、即开即用的在线文本处理工具。专区涵盖基础编辑（大小写转换、文本替换、序号添加）、数据清洗（去重、反转排序）、内容分析（字数统计、重复率检测、词频统计）及格式转换（HTML转换、排版纠正）四大类工具，适用于文案、SEO、学生等多场景需求。所有处理均在本地完成，确保数据隐私安全。工具持续优化中，欢迎用户反馈建议。网址：https://wenben.5379.com.cn

原创 5379工具箱再升级！新增8大开发利器，编码效率翻倍！

5379工具箱推出8款全新开发工具，涵盖代码格式化、调试辅助等功能。新增CSS/JS/HTML/SQL/JSON格式化工具、正则测试器、Crontab计算器和颜色转换器。该免费平台无需注册，支持前端开发代码整理、后端调试等场景。原有加密解密工具仍可使用。网站持续更新中，欢迎反馈建议。访问地址：https://kaifa.5379.com.cn

原创 阿里云服务器百度站长平台验证完整指南：SSH文件验证详解

验证需求：对域名完成百度站长平台所有权验证服务器环境阿里云ECS服务器Nginx Web服务器多子域名共享同一配置通过SSH进行服务器管理。

原创 【React】验证码图片管理系统

本文介绍了从零开发验证码图片管理系统的完整方案。系统采用React+TypeScript+ArcoDesign技术栈，实现验证码列表展示、分页、搜索、批量操作和实时编辑等功能。核心架构包含状态管理、数据操作、事件处理和UI渲染等模块。关键技术点包括：1)分页功能的状态同步与参数传递优化；2)搜索功能的即时触发与空值处理；3)批量操作的选择状态管理；4)实时编辑的乐观更新策略。系统通过合理的状态设计、组件解耦和用户体验优化，实现了高效安全的验证码管理功能。

原创 [特殊字符]️ 推荐一个超实用的在线工具箱 - 5379工具箱

5379工具箱是一个多功能在线工具平台，提供加密解密、编码转换、开发辅助等实用功能，包括随机密码生成、Base64编解码、MD5加密、AES加解密等。平台包含多个子站：主站、加密解密工具站和开发辅助工具站，目前仍在持续优化中。特色工具有命名格式转换器、GUID生成器、摩斯电码编解码等，所有工具免费使用且无需注册。由于网站尚在完善阶段，建议直接输入完整网址访问。欢迎用户提出宝贵建议，未来将陆续上线更多实用功能。

原创 React 三元运算符页面切换：完整进出流程

【代码】React 三元运算符页面切换：完整进出流程。

原创 在阿里云CentOS服务器上使用Certbot为Nginx配置SSL证书

本文记录如何为阿里云CentOS服务器上的网站配置免费的Let's Encrypt SSL证书，解决浏览器“不安全”警告。

原创 【服务器】将本地项目部署到服务器

本文详细介绍了如何将本地项目部署到云服务器的完整流程。首先通过SSH连接服务器，检查安全组配置；然后安装并配置Nginx服务器；接着创建Nginx配置文件，指定静态文件目录和路由规则；最后使用scp命令上传构建好的项目文件。文章还提供了常见错误解决方案，包括403权限问题处理、目录创建和权限设置等关键步骤，确保项目能成功部署并正常访问。整个过程涵盖了从服务器连接到项目上线的所有必要环节。

原创 【React】Redux和React

2.2调用同步actionCreater传入异步数据生成一个action对象,并使用dispatch提交。2 单独封装一个函数,在函数内部return一个新函数,在新函数中。1.创建store的写法保持不变,配置好同步修改状态的方法。2.1 封装异步请求获取数据。3.组件中dispatch的写法保持不变。

原创 【React】Redux

Redux是React最常用的集中状态管理工具，可以独立于框架运行。作用：通过集中管理的方式管理应用的状态。

原创 【React】useEffect和自定义Hook

当useEffect(() => { },[])，当第二 个参数为空时 ，第一个回调函数只执行一次。

原创 【React】登录（一）

使用arco.design现成的组件 创建登录页的内容结构。主要组件：Card,Form,Input,Button。当用户输入了正确的表单内容，点击确认按钮时需要收集到用户当前输入的内容，用来提交接口请求，也就是提交给后端。Token作为一个用户的标识数据,需要在很多个模块中共享,Redux可以方便的解决状态共享问题。Arco Design 的 Form 组件可能会有内置的智能校验。2.几乎所有的接口都需要设置一样的超时时间。，通过回调函数的参数获取用户输入的内容。1.几乎所有的接口都是一样的接口域名。

原创 【React】组件通信

子组件只能读取props中的数据,不能直接进行修改,父组件的数据只能由父组件修改。概念:组件通信就是组件之间的数据传递,根据组件嵌套关系的不同,有不同的通信方法。2. 子组件接收数据-子组件通过props参数接收数据。数字、字符串、布尔值、数组、对象、函数、JSX。1. 父组件传递数据-在子组件标签上绑定属性。1.props可传递任意的数据。2. props是只读对象。父传子-props说明。一、父传子 基础实现。

原创 【React】案例：B站评论

一、核心功能实现1.获取评论内容：表单受控绑定2.点击发布按钮发布评论。

原创 【React】表单受控绑定and获取DOM

Components”和“Profiler”这两个React专用的调试面板是由。使用React组件的状态（useState）控制表单的状态。2.通过value属性绑定状态，通过onChange属性绑定状态同步的函数。2. 在DOM可用时,通过inputRef.current 拿到DOM对象。在React开发中。浏览器默认的开发者工具（按F12），因为它需要额外的设置才能识别和调试React应用。1. 使用useRef创建ref对象,并与JSX绑定。这个浏览器扩展提供的，而不是浏览器自带的。

原创 【Cocos】在Cocos中 什么时候用director，什么时候用this呢

/ 不能用 this.load 来暂停游戏！// 预加载下一个场景（用director）// 预加载关卡资源（用this.load）// 用 this.load 加载游戏资源。// 直接加载新场景（会销毁当前场景）// 用 director 加载场景。// 设置时间缩放（慢动作效果）// 预加载场景（不立即切换）// 只能用 director。// 暂停/恢复整个游戏。// 设置/移除常驻节点。// 获取游戏窗口尺寸。

原创 【React】tab切换功能和排序实现，classnames工具优化类名控制

本文介绍了React中Tab切换功能的三个关键实现：1. 通过状态管理实现Tab点击高亮效果，记录当前选中项的type标识进行匹配；2. 使用lodash库的orderBy方法实现评论列表按时间或点赞数排序，包含初始数据排序处理；3. 引入classnames工具优化类名控制，解决字符串拼接方式不够直观的问题。文章提供了完整的代码示例，展示了如何设置状态、处理点击事件以及利用第三方库简化开发。这些技术点共同构建了一个功能完善的Tab切换组件。

原创 【React】评论案例列表渲染和删除功能

本文介绍了B站评论功能的React实现方案，主要包括评论列表渲染和删除功能。使用useState维护评论数据，通过map方法遍历渲染列表项，并为每个项添加唯一key。删除功能通过filter方法实现，仅显示当前用户的删除按钮并执行过滤操作。文章还涉及导航Tab渲染、评论排序等扩展功能，提供了完整的代码示例，展示了React状态管理和条件渲染的实践应用。

原创 【React】useState使用

状态被认为是只读的，我们应该始终替换它而不是修改它，直接修改状态不能引发视图更新。useState是一个ReactHook函数，它允许我们向组件添加一个。图中，count会引起视图的变化。，从而控制影响组件的渲染结果。

原创 【Cocos】2D关节组件

本文介绍了2D物理系统中的关节组件，包括其基本概念、通用属性和具体类型。关节组件用于连接两个刚体，模拟真实物理交互，如铰链、滑轮等。所有关节都需要配合刚体使用，并具有"CollideConnected"属性控制碰撞行为。具体介绍了距离关节、固定关节、铰链关节、相对关节、滑动关节、弹簧关节和轮子关节七种类型，每种关节都有特定的功能和控制参数，用于实现不同的物理效果。这些组件为2D物理仿真提供了灵活的构建模块。

原创 【React】事件绑定和组件基础使用

语法：on+事件名称={回调函数}同时传递事件对象和自定义参数。

原创 【React】JSX基础

本文介绍了JSX在React中的应用，包括其概念（JavaScript和XML的结合体）和优势（兼具HTML声明式模板与JS可编程能力）。重点讲解了JSX的使用场景：字符串传递、变量引用、函数调用、对象使用等。同时阐述了列表渲染（map方法）和条件渲染的实现方式（&&运算符、三元表达式），并针对复杂条件渲染需求提出了自定义函数结合if判断的解决方案。

原创 【React】简单介绍及开发环境搭建

React是一个用于构建Web和原生交互界面的JavaScript库，具有组件化开发、高性能和跨平台支持等优点。通过create-react-app工具可以快速搭建开发环境，该工具封装了Webpack配置细节，开箱即用。创建项目时执行npx create-react-app react-basic命令，其中react-basic为自定义项目名。项目核心文件包括入口文件index.js和根组件App.js，渲染流程为App→index.js→public/index.html(root)。开发者只需关注这两个

原创 [Cocos]TypeScript函数类型

TypeScript的函数类型机制用于确保函数的参数和返回值类型正确。它提供两种定义方式：1)函数声明方式，在参数后单独指定参数类型，函数末尾指定返回值类型；2)函数表达式方式(箭头函数)，通过类型注解约束函数结构。两种方式都能在调用时检查参数和返回值类型是否符合定义。示例展示了数值相加函数的两种定义方法，第一种明确指定参数和返回类型，第二种使用函数表达式语法。

原创 【Cocos】TypeScript 中的数组类型 和 浅拷贝

两种写法：let nums:number[] = [1,2,3]; let strs:Array<string> = ['a','b','c'];const original = [1, 2, {a: 3}];const shallowCopy = Array.from(original);// 修改第一层元素shallowCopy[0] = 10; // 不影响原数组console.log(original[0]); // 仍然是1// 修改嵌套对象shallowC

原创 游戏设计模式：单例模式，观察者模式必不可少

如果设计了一个游戏 点泡泡游戏 但是想每次点击泡泡都有音频 不想加载很多次 可以使用观察者模式 创建监听 事件，每次点破泡泡只会触发音频源。// 在Awake生命周期方法中获取当前GameObject上的AudioSource组件。// 在Awake生命周期方法中获取当前GameObject上的AudioSource组件。// 当脚本禁用时，取消订阅泡泡破裂事件（防止内存泄漏）// 当脚本启用时，订阅泡泡破裂事件（观察者模式）// 这是观察者模式的重要清理操作。// 播放泡泡破裂音效的私有方法。

原创 GLSL学习

/ 所有分量 = true。//可以使用v.x = 0.5和v.y = 0.5来访问它们，并且可以对变量使用所有算术运算符。对：int myvar = int(12.0) * 3;对分号的使用也十分严格，如果缺少一个着色器，则不会编译该着色器。//如果想使用整数 加ivec。//所有值都是浮点值。

原创 【Cocos开发】最近学习总结

本文总结了Cocos2d开发中的实用技巧：1）强调注释的重要性；2）节点操作（获取组件、变换、激活状态）；3）Widget对齐模式的选择；4）资源动态加载（图片、预制体、音效等）及引用计数管理；5）预制体加载与实例化的完整流程；6）字符串拼接的两种方式（传统与模板字符串）；7）空值处理（??操作符）和可选链（?.）的安全访问方式。这些经验对Cocos2d开发效率和代码健壮性有显著提升。

原创 鸿蒙系统ArkTs代码复习1

如果num>100 就赋值100，如果不大于100，就给他本身的值。6.循环语句while,for(let...of...)取值，for(let...in...)取索引。let names:string[] = ['小红','小明']let 函数名 = (形参1:类型,形参2:类型...) =>{function 函数名(形参1:类型,形参2:类型...){let 变量名:类型 = 函数名(实参1，实参2)let 数组名：类型[] = [数据1，数据2]2.return处理后的结果。

原创 Cocos Creator新手学习2D页面

9.Vec3.add(this._targetPos,this._curPos,new Vec3(step*40,0,0)) //后两个相加传到第一个变量里。修改移动的位置：this.node.setPosition(curpos.x+40*step,curpos.y,curpos.z)setParent(this.node) 将这个新创建的 box 添加到场景树中，使其成为 this.node 的子节点。1.在Canvas下创建：Sprite(精灵)：一张图片，在右侧属性检查器里Frame可以设置图片。

原创 Cocos Creator新手学习

console.log('touchstart'+event.getLocation()) //触摸事件的location。18.获取当前节点的组件：this.xxx = this.getComponent(RigidBody);bullet.setParent(this.node) //添加到场景当中。onTouchSatrt(event:EventTouch){ //触摸的事件。//销毁Bullet组件。20.碰撞事件不能放在onLoad()里注册 必须放在start()方法里。

原创 微信开发小程序注意事项

点击上传->打开微信公众号平台（版本管理）->提交审核（体验版本）6.box-shadow : x轴偏移量 y轴偏移量 粗细 颜色 //阴影。obsolute 绝对定位。wxss:颜色，粗细，位置等静态调整。3.font-weight:bold //加粗。7.position：relative 相对定位。5.border-radius //圆角边框。wxml:主代码（房子框架）top left...:相对父元素来说。4.margin //外边距。

原创 鸿蒙Grid()代码

Text('请选择你的关卡')Button('上一页')Button('下一页')

原创 python web项目部署

原创 Django项目报错：django.core.exceptions.ImproperlyConfigured: WSGI application ‘MyDjango.wsgi.application’

经过一番检查 是settings里的middleware写错了。

原创 django请求与响应

一、请求Request。

原创 Django项目实战-图书管理系统之图书管理

展示读书API: http://127.0.0.1:8080/books/showbooks/获取读书API: http://127.0.0.1:8080/books/getbooks/删除读书API: http://127.0.0.1:8080/books/delbook/添加读书API: http://127.0.0.1:8080/books/addbook/模版文件, 修改获取图书的函数。视图文件，实现获取图书的视图函数。视图文件，实现添加图书的视图函数。视图文件，实现删除图书的视图函数。

原创 项目实战-图书管理系统之个人中心

将提供的素材文件夹 "登录注册 " 中的 文件夹复制到项目根目录的文件夹；将文件复制到项目根目录的模板文件夹修改引入路径并测试 users 应用路由 测试登录API: http://127.0.0.1:8080/login 注册API: http://127.0.0.1:8080/register 登陆与注册的跳转 2> 编辑路由、视图函数与模板文件完成具体业务逻辑 登录实现编辑 模版文