Bootstrap 5中Accordions组件的用法最佳实践|Duuu笔记
Accordion项点击后其他全展开，是因为id和aria-labelledby重复导致联动失效；每个item需唯一id、正确data-bs-target和aria-labelledby指向按钮id，...
如何优化大型应用的 通过BEM拆分组件降低耦合实战案例|Duuu笔记
BEM通过命名约束替代选择器层级依赖来降低CSS耦合。它用block__element和block--modifier等单一class锚定样式，避免嵌套选择器导致的隐式作用域问题，提升组件可移植性、可...
如何实现Think的表单令牌验证 token标签防CSRF跨站请求伪造机制最佳实践|Duuu笔记
ThinkPHP 的 _token 是基于会话ID、控制器名、操作名、时间戳和密钥加密生成的动态哈希值，由 TokenBuild::build() 生成，经 think\middleware\Toke...
如何实现图片色彩反转滤镜效果 使用 filter的invert属性实战案例|Duuu笔记
invert()能直接反转图片颜色，原理是线性反转RGB各通道值（0↔255），并非简单变黑白；常见误判源于原图近灰度或父级CSS干扰导致滤镜未生效。 invert() 能直接反转图片颜色吗 能，但效...
如何通过 hover 控制绝对定位子元素的透明度显示实战案例|Duuu笔记
本文详解如何正确使用 CSS :hover 伪类配合 position: absolute 实现子元素的平滑显隐效果，重点纠正相邻兄弟选择器（+）误用问题，并提供可直接运行的完整示例与最佳实践。 本文...
uni-app长按事件实现 uni-app如何绑定longpress事件实战案例|Duuu笔记
uni-app 的 longpress 事件非原生支持，需通过 touchstart + touchend + setTimeout 手动模拟，仅 H5 支持 v-longpress 指令，小程序和...
Supabase GraphQL 中实现游标分页与总页数获取的完整指南实战案例|Duuu笔记
本文详解如何在 supabase 的 graphql api 中正确使用游标分页（cursor-based pagination），包括获取总记录数、计算总页数、跳转任意页（如第 3 页）的实践方法，...
Think怎么实现阅读计数 Think文章浏览量统计技巧操作实战案例|Duuu笔记
阅读数未更新主因是缓存干扰或条件不匹配：ThinkPHP默认开启查询缓存，若误用cache(true)或全站缓存中间件，读取仍返回旧值；需检查ID类型是否一致、SQL条件是否命中，并确保setInc在...
如何利用Less提高样式代码的复用性 通过封装组件级公共样式实战案例|Duuu笔记
变量需绑定语义而非外观，如@brand-primary优于@blue-500；Mixin须覆盖:focus等可访问性状态；组件样式应加命名空间前缀或哈希类名；递归mixin需守卫条件防死循环；避免过度...
如何在Think中计算两点 间的地理距离 Db::raw执行GIS空间函数最佳实践|Duuu笔记
行，但需数据库支持GIS函数、函数名正确、坐标系一致；MySQL用ST_Distance_Sphere，PostgreSQL用ST_DistanceSphere，字段须为POINT类型且坐标顺序为经度...