开发讲Nginx中map令现根据变量动态设置缓存时长最佳践|Duuu笔记
map指令用于Nginx中基于请求特征动态生成缓存时长变量，通过键值映射实现条件化赋值，配合proxy_cache_valid等指令达成精细化缓存控制。 map 指令是 Nginx 中实现“条件化变量...
如何决浮动布局在小屏幕下的错位 利媒体查询重置css float为none|Duuu笔记
根本原因是float使元素脱离文档流，小屏下空间不足导致换行错位；@media中需设float:none并同步处理clear、width和高度包裹问题，不可仅改float。 float 在小屏幕下错位...
开发Nginx目录结构中conf/mime.types扩展名映射最佳践|Duuu笔记
Nginx 的 mime.types 文件定义扩展名与 MIME 类型映射，决定静态文件响应头的 Content-Type；它通过后缀查表匹配，未命中则用 application/octet-stre...
响式设计中的浮动调整 过媒体查询清除浮动|Duuu笔记
媒体查询中clear清浮动无效，因clear仅对紧邻浮动兄弟元素生效，而浮动元素在小屏下已脱离文档流；应改用flex/grid布局，或确保清除元素与浮动元素同属一个格式化上下文且DOM位置紧邻。 媒体...
布局如何使得两张不同的图片重叠交叉展示最佳实践|Duuu笔记
最直接可靠的方式是父容器设position: relative，两张img设position: absolute并用top/left定位，z-index控制层级；transform适合微调，clip-...
实战讲解Nginx中map指令实现根据变量动态设置缓存时长最佳实践|Duuu笔记
map指令用于Nginx中基于请求特征动态生成缓存时长变量，通过键值映射实现条件化赋值，配合proxy_cache_valid等指令达成精细化缓存控制。 map 指令是 Nginx 中实现“条件化变量...
如何解决浮动布局在小屏幕下的错位 利用媒体查询重置css float为none深度解析|Duuu笔记
根本原因是float使元素脱离文档流，小屏下空间不足导致换行错位；@media中需设float:none并同步处理clear、width和高度包裹问题，不可仅改float。 float 在小屏幕下错位...
Nginx目录结构中conf/mime.types扩展名映射解析最佳实践|Duuu笔记
Nginx 的 mime.types 文件定义扩展名与 MIME 类型映射，决定静态文件响应头的 Content-Type；它通过后缀查表匹配，未命中则用 application/octet-stre...
如何确保多人协作时类名不重复 通过BEM规范约束命名空间最佳实践|Duuu笔记
BEM通过块名+元素名+修饰符的三段式命名和对应文件结构强制约束类名，避免全局样式冲突；它不自动隔离但可读可控，需配合代码审查落地。 为什么直接用 .button 会冲突 多人协作时， .button...
CSS 响应式设计中的浮动调整 通过媒体查询清除浮动|Duuu笔记
媒体查询中clear清浮动无效，因clear仅对紧邻浮动兄弟元素生效，而浮动元素在小屏下已脱离文档流；应改用flex/grid布局，或确保清除元素与浮动元素同属一个格式化上下文且DOM位置紧邻。 媒体...