zhurenjin的博客

原创 java构造函数1

原创 navigator.mediaDevices.getUserMedia()

在原生浏览器中，JavaScript 不需要任何第三方 JS-SDK，直接使用 HTML5 的 navigator.mediaDevices.getUserMedia()官方原生 API 即可调用摄像头 [1]。

原创 nodeJs-Socket-IO

在软件工程里，写出“能运行”的代码只需 20% 的功力，但要写出“高性能、高并发、安全稳健”的代码则需要剩下的 80%。nodeJs只是触发一次请求，全部有前端来触发响应。不满足于跑通功能，更要追求架构严谨”的极客精神。

原创 ReactHooks

比如：页面刚加载时去调 API，或者某个变量变了我要跟着做点啥。而且，子组件在提交时，通常需要先把自己的表单数据拿出来，再传给父组件。将变量放入数组，支持同时监听多个（数组里任何一个变了都会触发）。缓存函数，防止父组件刷新导致子组件跟着乱刷（性能优化）。这就像是在组件树上方架设了一个“广播站”。，在 React 中对应的官方方案是。的实际代码中，会稍微有一点点区别。2. 存一个不会触发刷新的变量。计算复杂数据并缓存，防止重复计算。定义变量，改变它会触发页面刷新。这种思路是对的，但在。

原创 忽略文件.continueignore

启动的时候，continue 就会去加载这个。加载过程中的话，索引它就不会去加载这些动以万计的无用的数据。类似于 git 上面的一样。这个文件可以直接新建一个文件。然后复制粘贴进去这里面的所有数据。

原创 macOS--brewhome安装镜像

很快！咱们给 Homebrew 换成的镜像源，这就相当于把“出国路”换成“高速路”。

原创 Macbook下安装nvm？？

Bash。

原创 左连接查询数据 left join

事务机制，要么同时成功，要么同时失败。

原创 AOP切面概述

搞定了，这样就不用每个entity的实体，都要进行赋值复杂的set..get..操作，这样简化代码的封装顺序。需要切入点：需要连接点；mapper,怎么使用？

原创 Js的单线程？安全吗，然后js的事件循环机制是怎么样子的？然后Js的宏任务，微任务？？任务队列

JS 就像一个。

原创 CallApplyBind-JavaScript

【代码】CallApplyBind-JavaScript。

原创 既然Entity里什么字段都有，我直接用不就行了，为什么还要费劲写DTO和VO？

对比维度直接用 Entity用 DTO/VO开发速度✅ 快（不用建新类）❌ 慢一点代码量✅ 少❌ 多安全性❌ 容易泄露敏感数据✅ 可控灵活性❌ 受限于表结构✅ 自由定义可维护性❌ 牵一发动全身✅ 互不影响扩展性❌ 加字段影响所有接口✅ 只影响需要的接口最终建议小型项目、内部工具、Demo：直接用 Entity，快速开发优先。正式项目、对外 API、多人协作：坚持用 DTO/VO，用规范换未来的维护成本。一句话记住：Entity 是数据库的表结构，DTO/VO 是接口的合同。

原创 @RestControllerAdvice？？注解

为什么普通类能被找到？因为注解是“钩子”像是一个钩子，让 Spring 启动时把你这个类勾住并拉进它的“朋友圈”（容器）。因为 Spring 是“管家”：Spring 管理了对象的生命周期。它不是在要用的时候才去找类，而是早就把对象准备好了，随时待命。

原创 全局异常处理器GlobalExceptionHandler，处理项目中抛出的业务异常

*** 全局异常处理器，处理项目中抛出的业务异常*/@Slf4j/*** 捕获业务异常* @return*/log.error("异常信息：{}", ex.getMessage());

原创 nginx,前端配置请求路径，后端接口应该怎么写？？

你的理解：✅是正确的✅ 前端调用也是正确的✅ 后端写/login接口匹配也是正确的核心要点前端路径中的/api/会被 Nginx 替换成/admin/后端接口路径中不要出现/api/，应该用/admin/你的正好匹配转换后的路径这样配置的好处是：前端不需要知道后端的具体路径前缀（/admin），只需要统一调用/api/xxx，Nginx 负责做路径映射。

原创 docker哲学？？

代码不是运行时“塞”进去的，而是。

原创 @RequestParam,@RequestBody,@ResponseBody??

java的注解形式？？

原创 Three.js动画效果

【代码】Three.js动画效果。

原创 JeecgBoot-Uniapp

这个项目的目录结构是标准的架构，它比传统的 uni-app 项目更接近 Vue3 官方的开发体验。├── src/│ ├── api/ # 所有的接口定义，按模块分类（如 sys.ts, user.ts）│ ├── components/ # 全局自定义组件，Jeecg 封装的 UI 件│ ├── hooks/ # Vue3 的组合式 API 钩子（封装逻辑复用）

原创 js的深拷贝和浅拷贝？啥情况讲解下？？底层堆栈空间？？object.prototype.toString.call(),还有bind,的具体使用？

你拿着新钥匙进仓库改了东西，老王拿着旧钥匙进去一看，东西也变了。改了新对象的属性，旧对象的也跟着变。在 Vue2 或者是旧的 React 类组件里，防止方法里的。一份，塞进一个新的堆空间，并给你一把指向新空间的钥匙。）： 它可以直接穿透一切伪装，告诉你的底层“户籍”。：你在新仓库里把天拆了，老王的旧仓库也纹丝不动。：在堆里开辟了一块全新的空间，把内容全写进去。里存了一个“地址”（就像一把指向仓库的钥匙）。：2022年后的浏览器原生支持，非常强大。：创建一个新函数，强制把这个新函数的。

原创 数组的“五剑客”：你到底该选哪一个？every？some？find？map？filter？原型链？？

很多新人觉得原型链难，其实你把它想象成**“找爸爸”**的过程就简单了。每一个对象 都有一个隐藏属性 （原型）。每一个构造函数 都有一个属性 。当你访问一个对象的属性时，如果它自己没有，它就会去它的 里找，还没找到就去它“爸爸”的 里找，直到找到 为止。为了内存优化和方法共享。 如果你创建了 1000 个 对象，如果不使用原型链，每个对象都要存一份 方法，太费空间了。如果把方法存在原型里，1000 个对象只需共享这一份方法。JavaScript原型链的终点：原型链的尽头是 ，它的值是 。这也是为什

原创 IM（即时通讯）系统

socket.io-client

原创 uni.addInterceptor，拦截跳转？？

在 uni-app 里，你不能像 Web 那样“动态生成路由菜单”，你得先把所有页面写死在。是 DCloud 封装的原生 API，它在 App、小程序、H5 上都能跑。而小程序环境压根没有 XHR，也没有 DOM。：能用，但你需要引入专门适配小程序的适配器（Adapter）。里判断有没有 Token，没 Token 就跳登录。或者类似的拦截器文件，它会在页面加载前判断权限。这一套，它通常配合插件实现了类似。：Axios 是基于浏览器。在后台管理系统，你会用。拦截所有的跳转动作。

原创 @Pattern,@NotBlank

要想让这些注解生效，你在 Controller 的方法参数前必须加上 @Valid。手机号、邮箱、身份证号、邮编等有固定格式的字符串。用户名、密码、地址等必填文本。验证字符串是否符合你定义的。或 @Validated。(空字符串) 能通过。(全是空格) 能通过。

原创 Vue3 完美对接硬件扫码枪：onscan.js 实战与并发队列处理

虽然很爽，但如果页面上有其他 Input 框，扫码时数据会同时进入 Input 框和插件回调。：不同品牌的扫码枪默认后缀不同。有的带回车（CR），有的带换行（LF）。但扫码不一样，用户连续扫 10 个不同的商品，你不能只给我处理最后一个！里面有异步请求（调接口），接口还没回，第二扫又来了，会导致数据错乱或 Loading 满天飞。老弟你提到的**“连续点击、连续扫码”**是实战中最头疼的问题。在 Vue3 的组合式 API（Setup）中，我们需要在。如果用户电脑处于“中文输入法”状态，扫码枪扫出的。

原创 针对“单个功能操作数据库”要不要加 @Transactional，

老弟，这里有个坑，你得看准了。很多看起来是“一个动作”的功能，背后其实是多条 SQL。哪怕现在是单条，以后变了怎么办？场景一：现在只是，是一条 SQL。场景二：明天老板说，删除用户的同时，要把他的头像文件也删了，还要给管理员发个通知日志。这时候deleteUser里面就变成了三四个动作。结论：如果你预感到这个方法以后会变复杂，或者它虽然现在只有一行代码，但调用了其他的 Service 逻辑，保险起见，加上它是更好的习惯。

原创 GIT,可以参数这篇，需要加以理解，文字比较冗余，还请见谅

dev-feature2改动代码，提交合并到dev上，在从本地的dev分支合并到远程的dev上，在合并到master上部署，这些就是在测试过程中没有遇到bug才提交！那么切换到本地的dev-feature，然后Merge dev-feature2 into dev-feature,我现在本地是dev-feature，然后我要把dev-feature2合并进来我本地的dev-feature，本地的dev-feature代码改了，然后要合并到dev之前，需要commit一下，才可以合并到dev。

原创 mybatis什么时候不走 缓存??

MyBatis什么时候不走 缓存??

原创 Mybatis各个属性

防坑：如果某个字段允许为 null，建议加上这个（如 jdbcType="VARCHAR"），否则某些数据库（如 Oracle）会报错。通常 MyBatis 能自动识别，但在处理复杂类型（如自定义枚举）时需要手动指定。必须和你的 POJO（User类）里的变量名一模一样。必须和 SQL 查出来的列名一模一样。

原创 mybatis、association、collection

mybatis的association以及collection的用法association:一对一关联(has one)collection:一对多关联(has many)

原创 java日志功能

不需要另外再application.properties里面写了。如果需要日志，可以参看。

原创 Vite的proxy和Nginx的location 请求转发区别

既然最后都要把它删掉，为什么还要费劲巴拉地先加上去，然后再用正则删掉？），为了配合前端的跨域需求去改所有后端的代码，代价太大。，Vite 会怎么想？：Java 大厨一看，“我要的是 ID，你给我个。假设你的前端项目（Vite）是一个巨大的公司。其实，这并不是多此一举，而是一个非常精妙的。找本地文件的，而是要交给“外联部”转发的。）本身就代表了接口，不需要路径前缀。：外联部接手后，发现后端大厨其实不认识。找了一圈没找到，它就会报 404。如果你想尝试“省掉”这一步，直接把。为了让你彻底理解，我给你打个比方。

原创 java三层架构，基础篇(拿去使用，不用谢)

pojo(print old java object)，关系entity也可以，随便i怎么写都可以。# 开启日志打印 SQL (方便你调试看 SQL 跑得对不对)# MyBatis 指定 XML 路径。# 设置时区，防止时间差 8 小时。逻辑实现层serve。# 设置全局日期格式。

原创 本地连接MySql数据库报错？？

提示：idea本地连接数据库，然后Failed解决发案看到且，这通常意味着 IDEA 的连接请求就被弹回来了。这就像是你拨打一个电话，还没响铃就提示“无法接通”。根据你之前提到有。

原创 aliyun---MySql云数据库

在阿里云的云数据库（RDS MySQL）中，和的区别主要体现在和上。你可以把 RDS 想象成写字楼里的“保险柜”，内网是“楼内通道”，外网是“临街大门”。

原创 利用json-to-ts工具进行转换,放置在typeScript.ts文件中

根据你提供的 JSON 结构，我们需要定义一套嵌套的接口。你可以把这段代码放在一个名为types.ts的文件中：TypeScript// 1. 定义单条搜索结果的结构id: string;// 根据 JSON 结构，这里还可以继续添加更多字段// 2. 定义整体返回的数据结构。

原创 身體狀況不佳的時候

♥️我外公是位風水先生，他臨終前留下的8句“轉運口訣”♥️建議熟記 真正的風水，從不在山水間，而在自己身上。 養好身體、修好心性、守好德行，人順了，一切都順。 小時候，常聽外公唸叨風水。 那時候不懂，總以為風水是看房子坐北朝南，是家裡擺個魚缸還是掛把寶劍。 長大後才明白，外公說的風水，根本不在山水之間，而在我們自己身上。 他常說：“人啊，就是最大的風水眼。 身子正了，氣就順了；心修好了，運就來了。” 如果你覺得最近運氣不好，心神不寧，不妨試試這8種“補運”的方法。♥️ 01 天補：曬背，就是補陽氣 “萬物生

原创 java的@ComponentScan(com.sx)怎么理解？

是 Spring 自动化的“导航仪”。它让开发者只需关注业务逻辑（写注解），而不需要关注繁琐的配置，极大提高了开发效率。“Spring，请去com.sx及其子包下搜寻所有贴了‘Spring组件标签’的类，并把它们管起来。

原创 VSCode报错了？？

pm : 无法加载文件 C:\Program Files\nodejs\npm.ps1，因为在此系统上禁止运行脚本。别慌，这是一个非常经典的 Windows 权限问题。简单来说，就是 Windows 自带的 PowerShell 觉得运行。这个命令的意思是：允许当前用户（你）运行本地编写的脚本，同时也允许运行从网上下载但经过数字签名的脚本。到 2026 年，由于系统安全性进一步增强，这种报错非常普遍。所在位置 行:1 字符: 1，vscode报错了。关掉当前的 VSCode，重新打开终端，再输入。

原创 一张图片即可讲解明白Git

使用教程。