justjinji的博客

原创 实现 Flex 布局中子容器内元素的自动高度计算与垂直滚动

原创 解决 Bookmarklet 中 %0A 换行符导致的跨环境执行失败问题

原创 mysql索引基数统计更新不及时_mysqlANALYZE分析表操作

原创 json序列化和反序列化的作用?_?JSON序列化与反序列化在数据交换与持久化中的核心价值

原创 CSS Flex布局中如何实现导航栏与Logo的左右分布_利用justify-content- space-between

实操建议：确认父容器（比如 <header>）必须有 display: flex，且没被其他样式覆盖（检查 computed styles）确保 Logo 和导航栏是同一级子元素——不能是 <header> > <div> > <img> + <header> > <nav> > <ul>，得是 <header> > <img> 和 <header> > <nav>如果用了语义化标签如 <nav>，它默认是 block，不影响；

原创 SQL如何利用聚合函数进行库存预测_历史数据分组汇总

用 display: none 隐藏 HTML 元素最直接，但要注意它不阻止 DOM 渲染和脚本执行很多初学者以为加了 display: none 就“彻底消失”，其实只是视觉隐藏：元素仍在 DOM 中，绑定的事件、定时器、getBoundingClientRect() 都能正常工作，甚至可能被屏幕阅读器读到（取决于 aria-hidden 设置）。常见错误现象：visibility: hidden 下点击事件仍可触发（除非显式设 pointer-events: none），容易误以为“完全不可交互”。

原创 mysql如何进行全量数据库备份_mysqldump工具的使用技巧

原创 golang如何生成ABI绑定代码_golang ABI绑定代码生成思路

原创 mysql如何配置多实例端口隔离_mysql多实例端口规划

原创 CSS如何给视频控制条自定义_通过---webkit-media-controls系列伪元素

唯一可控方案是禁用原生控件并手动实现HTML+CSS+JS自定义控制条。因为这套伪元素只在旧版 Chrome（≤68）和早期 Safari 中有效，现代 Chromium 内核（包括 Edge、新版 Chrome、Opera）已彻底移除支持，::-webkit-media-controls 现在是“写上去就失效”的典型。真正能动手改控制条样式的唯一路径：用controlsList + 自定义控件原生 <video> 的控制条不可样式化，唯一可控方案是关掉默认控件，自己用 HTML+CSS+JS 实现。

原创 Go语言怎么做秒杀系统_Go语言秒杀系统实战教程【实用】

原创 MongoDB为什么会选错索引_查询优化器计划缓存(Plan Cache)清理

原创 golang如何设计HTTP中间件链_golang HTTP中间件链设计方法

原创 如何在 Discord.py 中实现按钮权限控制：仅允许特定角色点击

原创 JavaScript中Nodejs环境内存限制与V8堆大小调整

运行时可通过以下方式获取实时内存信息：process.memoryUsage()：返回对象包含 heapTotal（已申请堆空间）、heapUsed（实际使用）、external（绑定 C++ 对象占用的外部内存）等字段process.memoryUsage().heapUsed / process.memoryUsage().heapTotal 可粗略计算堆使用率搭配 --trace-gc --trace-gc-verbose 启动可输出每次 GC 的详细日志（适合调试）如何调整 V8 堆内存上限？

原创 如何通过Vagrant快速建库_自动化虚拟机Oracle部署方案

必须用 privileged: true 运行 shell provisioner，否则 sysctl -p 和 usermod 会静默失败禁用交互的关键是预设响应：在安装前运行 echo "y" | /etc/init.d/oracle-database configure（19c）或设置 ORACLE_INSTALL_AUTO=true 环境变量不要直接 yum install -y 后立刻调 runInstaller；

原创 PHP源码能否在无盘工作站运行_网络启动硬件要求【说明】

不能——PHP需完整用户空间和文件系统，无盘站仅PXE加载极简内核+initramfs时缺php二进制、配置及可写/tmp，直接运行报错；启动后执行 php /scripts/main.php，输出走 console=ttyS0iPXE 直载 PHP Web 环境：用 ipxe.lkrn 启动后，通过 kernel http://tftp/tinycore.gz + initrd http://tftp/php-env.cgz 加载 Tiny Core Linux + 预编译 PHP 8.2 CLI；

原创 如何对比SQL修改前后的数据差异_利用临时表进行比对校验

MySQL需防临时表被子查询重复引用及事务中销毁，PostgreSQL推荐用MATERIALIZED CTE配合FULL OUTER JOIN和IS NOT DISTINCT FROM确保NULL安全比对。怎么用临时表快速比出 SQL 修改前后的数据差异直接结论：临时表不是万能的，但对中小规模数据（比如几万行以内）做修改前后校验，它是最可控、最不容易出错的方式。关键不在“建临时表”，而在“怎么选主键字段”和“怎么写比对逻辑”。

原创 c语言csv文件?_?C语言中读取和写入csv文件的标准文件操作函数实现

原创 golang如何实现分布式幂等方案_golang分布式幂等方案实现教程.txt

40100 DEFAULT CHARACTER SET utf8mb4 */注意：`your_db_name` 必须加反引号（尤其含短横线或数字开头时），否则可能报错 ERROR 1064如果没显式指定字符集，MySQL 5.7+ 默认是 utf8mb4，但老版本可能是 latin1，不能假设该命令不需要 USE 切换库，直接带库名即可，比先 USE 再查更安全为什么 SHOW VARIABLES LIKE 'collation_database' 不靠谱？

原创 bootstrap怎么给div添加背景图片

需同时指定background-size、background-position和background-repeat，并确保容器有宽高、路径正确、无CORS问题。background-size: cover：等比缩放填满容器，可能裁边（最常用）background-size: contain：完整显示图片，可能留白background-position: center center：避免图片偏移，尤其 cover 下必须加漏掉 background-repeat: no-repeat？

原创 golang如何实现设备数据采集网关_golang设备数据采集网关实现要点

ReverseProxy 是为「请求-响应」HTTP 流量设计的，没有内置设备心跳、重连、断线恢复逻辑它不支持非 HTTP 协议（MQTT、CoAP、Modbus TCP），硬套 HTTP 代理会导致数据截断或粘包所有设备共用一个 Transport，某个设备卡死（如 TCP 半开连接）会拖垮整个连接池无法按设备维度做超时控制：Timeout 是全局的，但 PLC 可能要 5s 响应，传感器只要 200ms必须自己封装设备连接管理器采集网关的核心不是转发，而是「连接生命周期管理」。

原创 golang如何处理PostgreSQL JSONB字段_golang PostgreSQL JSONB字段处理方法

正确做法是用 json.RawMessage 或自定义 struct 接收：json.RawMessage 最轻量，适合“先读再解析”，避免重复 unmarshal定义 struct 并用 Scan 直接映射，要求字段结构稳定；*json.RawMessage（指针，nil 表示 NULL）自定义类型，实现 sql.Scanner 和 driver.Valuer，内部用 json.RawMessage 存储别为了“看起来像 NullString”强行套壳，反而增加歧义和维护成本。

原创 JavaScript中Object-hasOwn作为现代安全检测方案

Object.hasOwn 是 ES2022 引入的安全准确判断对象自有属性的方法，替代易出错的 hasOwnProperty 和不严谨的 in 操作符，始终调用原始实现、支持 Symbol、仅查自身属性且对非对象参数抛 TypeError。Object.hasOwn 是 ES2022 引入的原生方法，用于**安全、准确地判断对象自身是否拥有指定属性**，替代过去容易出错的 obj.hasOwnProperty(prop) 和不严谨的 prop in obj。为什么需要 Object.hasOwn？

原创 如何解决Data Guard主库ORA-16038日志无法归档_强制日志传输报错排查

别用DELETE ARCHIVELOG ALL，除非你确定所有备份都完整且已验证可恢复归档路径不可写时，切路径比清日志更安全如果归档目标磁盘组损坏、权限丢失、ASM disk offline，或NFS挂载异常，ALTER DATABASE CLEAR UNARCHIVED LOGFILE GROUP N 是高危操作——它跳过归档校验，强制重建日志，一旦数据库需要介质恢复（比如备库落后太多），这部分日志缺失会导致同步断裂甚至无法拉起DG。

原创 CSS如何修改Bootstrap分页条样式_自定义分页项的背景色与边框

Bootstrap 5分页样式应在自定义class（如.my-pagination）下通过高优先级选择器重写，需同时设置.page-link默认、:hover、.page-item.active .page-link及:focus状态，并推荐使用CSS变量--bs-pagination-bg等实现主题化。

原创 SQL实现按用户偏好进行分组汇总_自定义聚合规则

JSON_OBJECT_AGG 的 key 必须是单值，不能是表达式，所以得先用子查询或 CTE 把 pref_type 和 pref_value 拆成两列MySQL 的 GROUP_CONCAT(DISTINCT pref_value ORDER BY pref_value SEPARATOR '|') 要显式加 DISTINCT，否则同一用户多次设置同一偏好会重复出现聚合前务必 WHERE pref_value IS NOT NULL AND pref_value!

原创 让 CSS Grid 自适应容器尺寸的动态布局方案

本文介绍如何通过 css 变量与 `auto-fit` 配合 `calc()` 动态计算行列尺寸，使网格项始终严格填充固定大小的容器，无论行列数如何变化。在构建类似 SketchPad 这类需要动态调整网格密度（如 16×16、32×32）但又必须严格约束在固定画布区域内的应用时，常见误区是直接用 grid-template-rows: repeat(N, 1fr) —— 这会导致总行高/列宽随 N 增大而“撑开”容器，违背“容器尺寸恒定、单元格自动缩放”的设计目标。

原创 宝塔面板如何查看系统CPU占用趋势_监控面板自带性能报表

需区分“CPU使用率”与“负载状态”百分比，后者为加权评估；这个数据源自 psutil 库采集，非面板自绘，延迟低、可信度高注意区分“CPU使用率”和“负载状态”百分比：前者是核时占比，后者是综合CPU+内存+IO+swap的加权评估，两者数值常不一致如果首页长期卡在85%~90%，说明系统处于临界状态，必须进【监控】页看历史趋势，不能只盯实时值用【监控】页查看带时间轴的CPU占用曲线首页只是快照，真要看趋势得进【监控】模块——但很多人卡在第一步：监控默认是关闭的，不手动开，图表永远是空的。

原创 golang如何实现API Key认证_golang API Key认证实现技巧

API Key必须放在Header（Authorization或X-API-Key），禁用Query参数；HTTP/2 下所有 Header 自动转小写，服务端要用 md.Get("x-api-key")，不是 md.Get("X-API-Key")（gRPC 场景）或 r.Header.Get("X-API-Key")（HTTP 场景）如果和 JWT 共存，建议统一用 Authorization: APIKey xxx 格式，避免和 Bearer 混淆；别用 == 直接比较字符串，存在时序攻击风险；

原创 PHP如何处理多语言AI响应_国际化支持方法【说明】

原创 如何优化SQL长事务中的删除操作_拆分为小事务批量处理

长事务删除会卡死数据库，因其长期持有大量行锁、可能全表加锁，并导致binlog/redo log膨胀；别指望加索引就万事大吉——即使走了索引，如果删除量占表比例高（比如 >20%），优化器仍可能放弃索引走全表扫描用 EXPLAIN DELETE ... 不生效，得改写成 EXPLAIN SELECT 对应条件来预判执行计划在从库上直接删更危险：语句级复制（SBR）下，大 DELETE 会在从库重放一次，锁时间翻倍怎么安全地拆成小批量删除核心思路不是“删多少”，而是“每次删完立刻释放锁+控制节奏”。

原创 将 Go 语言中 map 的字符串值批量转换为 float64 类型

为什么 MongoDB 会“选错索引”？而 executionPlan.winningPlan.stage 显示的是 IXSCAN，但实际走的是 COLLSCAN —— 这往往就是 Plan Cache 没刷新的典型信号。如何安全清理特定查询的 Plan Cache？别只信 winningPlanRobo 3T 的 Explain 界面容易让人误判——它默认只显示最终选中的 winningPlan，而隐藏了真正关键的 rejectedPlans 和 queryPlanner.indexFilterSet。

原创 CSS如何实现背景颜色的棋盘格分布_利用repeating-gradient

错一点，就会出现色块拉伸、缝隙、或根本看不出格子。transparent 在 CSS 中参与混合时等效于 alpha=0，不会污染底层色若需自定义格子色（比如灰格+白底），只需改第一个渐变里的非透明色，第二个保持 transparent千万别写成 repeating-linear-gradient(..., #fff 10px, #fff 20px)——这会产生实心条纹，不是空隙常见错误：背景不显示或全是黑/白最常踩的坑是没设 background-size，或者尺寸和渐变重复单位对不上。

原创 SQL如何实现实时数据的滑动窗口分析_SQL性能调优

实时分析须用ROWS BETWEEN，ORDER BY event_time ASC且event_time需索引；滑动窗口函数在实时场景下为什么总卡住因为窗口定义没对齐实时节奏，PARTITION BY 和 ORDER BY 搞反了顺序，或者用了 RANGE BETWEEN 却没建时间列索引。根本原因是没显式声明窗口帧，让 PostgreSQL 默认用了 UNBOUNDED PRECEDING AND CURRENT ROW，而你的业务需要的是“前 5 条同用户记录”，不是“从头到当前”。

原创 如何用 Web Workers 执行海量数据排序防止页面 UI 冻结

Web Workers 排序时主线程卡顿主因是 postMessage 传递大对象触发结构化克隆阻塞；应改用 Transferable（如 ArrayBuffer）、扁平数据、避免嵌套；大数据量需自实现稳定 O(n log n) 排序；须正确绑定每个 Worker 的 onmessage 并确保 postMessage 发送；UI 更新需批量操作或虚拟滚动。Web Workers 排序时主线程仍卡顿？检查是否在 postMessage 里传了大对象主线程卡住，往往不是 Worker 没起作用，而是你把几 M

原创 CSS如何实现主题切换时的过渡动画_通过CSS变量设置transition

原创 C#怎么实现窗口的动画效果_C#如何使用AnimateWindow函数【实战】

AnimateWindow 在 WinForms 中失效的根本原因是调用时机错误——必须在窗口已创建但尚未显示（Visible == false）时调用，或对已显示窗口先 Hide() 再动画显示；为什么 AnimateWindow 在 WinForms 里经常没反应根本原因不是函数写错了，而是调用时机不对——AnimateWindow 必须在窗口**已创建但尚未显示（即 Visible == false）时调用**，或者对已显示窗口做「隐藏+动画显示」组合操作。

原创 SQL嵌套查询中字段无法解析怎么办_排查父子查询作用域

只有相关子查询才能引用外层表字段，普通子查询和派生表均无法访问；子查询里用不到外层表的字段？作用域搞错了SQL嵌套查询中，SELECT 子句里引用外层表字段报错（比如 Unknown column 't1.name' in 'field list'），根本原因不是语法写错，而是子查询类型不支持跨作用域访问——只有相关子查询（correlated subquery）才能引用外层表，而普通子查询（uncorrelated）是独立执行的，压根看不到 t1。

原创 JavaScript借用构造函数继承解决引用属性共享问题

借用构造函数继承能避免引用类型属性共享，因为每次创建子类实例时都通过call/appl调用父类构造函数，为每个实例独立初始化属性；为什么原型链继承会导致引用属性共享当通过原型链实现继承时，父类的引用类型属性（如数组、对象）会被所有子类实例共用。// ['red', 'blue', 'green'] ← 被意外修改了借用构造函数继承的核心做法在子类构造函数内部，用 call 或 apply 调用父类构造函数，让父类中的 this 指向当前子类实例。