grid-gap在旧版浏览器无效 改用margin辅助布局兼容实战案例|Duuu笔记

admin2个月前 (04-01)48
grid-gap 在 IE 和旧版 Safari 中无效,需用 grid-row-gap 和 grid-column-gap 替代;autoprefixer 需配置 grid: true 且源码写 g...

MongoDB在云主机上部署副本集的内网外网IP怎么配置 Host解析与绑定机制最佳实践|Duuu笔记

admin2个月前 (04-01)47
副本集初始化时host不必强制填内网IP但几乎必须,因外网IP在节点间通信中易受防火墙、NAT等影响导致连接失败;--bind_ip需显式配置内网IP与127.0.0.1协同;内外网域名分离应通过DN...

C#怎么生成全球唯一标识 C#如何创建GUID字符串基础最佳实践|Duuu笔记

admin2个月前 (04-01)51
绝大多数场景下应直接使用 Guid.NewGuid() 生成 GUID,它调用系统安全随机数生成器确保唯一性;需字符串时用 ToString() 或 ToString("N"),避免手动拼接、哈希码作...

Bootstrap 5中Accordions组件的用法最佳实践|Duuu笔记

admin2个月前 (04-01)53
Accordion项点击后其他全展开,是因为id和aria-labelledby重复导致联动失效;每个item需唯一id、正确data-bs-target和aria-labelledby指向按钮id,...

如何优化大型应用的 通过BEM拆分组件降低耦合实战案例|Duuu笔记

admin2个月前 (04-01)48
BEM通过命名约束替代选择器层级依赖来降低CSS耦合。它用block__element和block--modifier等单一class锚定样式,避免嵌套选择器导致的隐式作用域问题,提升组件可移植性、可...

如何实现Think的表单令牌验证 token标签防CSRF跨站请求伪造机制最佳实践|Duuu笔记

admin2个月前 (04-01)48
ThinkPHP 的 _token 是基于会话ID、控制器名、操作名、时间戳和密钥加密生成的动态哈希值,由 TokenBuild::build() 生成,经 think\middleware\Toke...

如何实现图片色彩反转滤镜效果 使用 filter的invert属性实战案例|Duuu笔记

admin2个月前 (04-01)51
invert()能直接反转图片颜色,原理是线性反转RGB各通道值(0↔255),并非简单变黑白;常见误判源于原图近灰度或父级CSS干扰导致滤镜未生效。 invert() 能直接反转图片颜色吗 能,但效...

如何通过 hover 控制绝对定位子元素的透明度显示实战案例|Duuu笔记

admin2个月前 (04-01)49
本文详解如何正确使用 CSS :hover 伪类配合 position: absolute 实现子元素的平滑显隐效果,重点纠正相邻兄弟选择器(+)误用问题,并提供可直接运行的完整示例与最佳实践。 本文...

uni-app长按事件实现 uni-app如何绑定longpress事件实战案例|Duuu笔记

admin2个月前 (03-31)50
uni-app 的 longpress 事件非原生支持,需通过 touchstart + touchend + setTimeout 手动模拟,仅 H5 支持 v-longpress 指令,小程序和...

Supabase GraphQL 中实现游标分页与总页数获取的完整指南实战案例|Duuu笔记

admin2个月前 (03-31)50
本文详解如何在 supabase 的 graphql api 中正确使用游标分页(cursor-based pagination),包括获取总记录数、计算总页数、跳转任意页(如第 3 页)的实践方法,...