DTcode7-CSDN博客

DTcode7

码龄8年

IP 属地：福建省

加入CSDN时间： 2018-03-15

个人简介：专注于《前端开发》、《微信小程序》领域 ,同时WEB开发、小程序开发、AIGC、IT信息化等领域摸爬滚打多年，深谙网页js，上班摸鱼、自动化打工等领域。略懂的前端开发、数据库、油猴脚本、Vue等框架，具备一定实操经验。让学习成为一种习惯，与君共享，携手共进！我没有把枪口对向妇孺，而是选择对向自己。紧紧握住的是人性中的野蛮，涌溅出的是精神之海的浊秽。风雨大作之后呆滞的眼神是我最后倔强。让我们把握住贤者时间疯狂学习，努力提升自己！

查看详细资料

个人成就

优质创作者: 前端开发技术领域
获得40,927次点赞
内容获得293次评论
获得42,869次收藏
代码片获得32,453次分享
原力等级

原力等级

9

原力分

12,571

本月获得

289

TA的专栏

TA关注的专栏 4

TA关注的收藏夹 0

TA关注的社区 15

TA参与的活动 2

兴趣领域设置

创作活动更多

AI 镜像开发实战征文活动

随着人工智能技术的飞速发展，AI 镜像开发逐渐成为技术领域的热点之一。Stable Diffusion 3.5 FP8 作为强大的文生图模型，为开发者提供了更高效的图像生成解决方案。为了推动 AI 镜像开发技术的交流与创新，我们特此发起本次征文活动，诚邀广大开发者分享在 Stable Diffusion 3.5 FP8 文生图方向的实战经验和创新应用本次征文活动鼓励开发者围绕 Stable Diffusion 3.5 FP8 文生图方向，分享以下方面的内容： 1. 技术实践与优化 - Stable Diffusion 3.5 FP8 模型架构解析与优化技巧 - 文生图生成效果的提升方法与技巧 - 模型部署与加速策略，例如使用 Hugging Face、Diffusers 等工具 - 针对特定场景（例如二次元、写实风）的模型微调与定制化开发 2. 应用场景探索 - Stable Diffusion 3.5 FP8 在不同领域的应用案例分享，例如游戏设计、广告创意、艺术创作等 - 利用 Stable Diffusion 3.5 FP8 实现图像编辑、图像修复、图像增强等功能的探索 - 结合其他 AI 技术（例如 NLP、语音识别）构建更强大的应用 3. 创新应用与思考 - 基于 Stable Diffusion 3.5 FP8 的创新应用场景设计 - AI 镜像开发的未来发展方向的思考与展望 - 对 AI 镜像开发伦理、安全等问题的探讨

28人参与去参加

更多

前端布局冷知识：用 display-table-cell 解决垂直居中难题（附实战技

如果你曾经被。

博文更新于 19 小时前 ·

不滚动？局部滚动才高级：前端滚动区域实战指南

);${});// 同步内容滚动 const max = container . scrollHeight - container . clientHeight;});// 同步内容滚动 const max = container . scrollHeight - container . clientHeight;px`;// 同步内容滚动important;

博文更新于昨天 03:46 ·

负margin揭秘：Bootstrap布局中row与container-fluid的隐藏技巧

希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。妈（row）为了把娃的床（col）对齐到爸（container）的墙根，不得不自己先“探出”15 cm，再让娃往回收15 cm。凌晨三点，你呼呼大睡，它悄悄把row的左右拉回浏览器边缘，让col的padding呼吸顺畅；负margin就像row的“反向臂展”，先把舞台拉大，再让col在舞台里整齐站位。就像老板让你9点到，你8:59打卡，他9:01出现，时间都对，谁也没迟到。

博文更新于昨天 01:07 ·

图文混排不再头疼：前端开发者高效布局实战指南

回头看，图文混排之所以让人头大，是因为它同时考验 CSS 基本功、设计审美、兼容性嗅觉。一旦你把 float、Grid、Shapes、容器查询这些工具拆成乐高积木，根据场景挑积木原来凌晨两点的崩溃，可以换成下午三点的咖啡香。下次设计师再甩你一张“文字贴圆图”的视觉稿，别急着皱眉，先喝一口咖啡，然后打开本文抄一段——图文混排，不过如此。欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。DTcode7。

博文更新于前天 22:23 ·

小白前端避坑指南：用 position-relative 轻松搞定文字图片重叠问题

就像厨房里的盐，看似平平无奇，却是无数道菜的灵魂。它不会帮你一步登天，却能在关键时刻让你“微调不塌房，叠图不翻车”。下次再遇到文字和图片打架，别急着上 absolute，先给 relative 一个眼神，它多半能帮你把场子稳住。愿你从此布局稳如老狗，设计师再改 20 稿，你也能微微一笑，“relative 在手，重叠不慌”。欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。DTcode7。

博文更新于前天 19:38 ·

Chrome下CSS字体小于12px失效？前端开发者必看的终极解决方案

希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。Chrome 里纹丝不动 12 px，Safari 乖巧得像幼儿园小朋友，Firefox 甚至露出“我懂你”的微笑。它怕你老花眼，也怕你产品经理老花眼，于是把 12 px 以下统统“四舍五入”到 12 px。UI 稿里，标签页上的“NEW”小红点只有 10 px，设计师拍胸脯：“就这么大，不改！但商业场景里，**“协议文字”“标签徽章”“数据密度”**都需要更小、更精确的呈现。

博文更新于前天 16:52 ·

小白前端速通：用CSS3 target伪类实现无JS交互效果（附实战技巧）

先别急着翻React文档，也别急着某个弹窗组件。很多时候，我们只是想点一下按钮，让某个区域高亮、让某个盒子出现、让某个提示滚到视野中央——这些“小动静”真用不着把webpack请出来。CSS3的伪类就是官方白送的“零依赖交互库”。它躲在规范角落里，安静得像图书馆后排的学霸，但只要你喊它的名字（在URL里丢一个），它立刻站起来给你表演一段街舞。今天这篇长文，就把这位学霸拉到舞台中央，跳满五支舞：导航高亮、选项卡、模态框、手风琴、呼吸灯。全程无JavaScript，代码管饱，注释管够，复制粘贴就能跑。的户口

博文更新于前天 14:36 ·

前端新手必看：3分钟搞定CSS Flex垂直居中（附避坑指南）

* 行列间隙一起管，无需再 nth-child 去 margin-right: 0 */row 横排：上下居中 align-items，左右居中 justify-content；column 竖排：左右居中 align-items，上下居中 justify-content；多行别忘 align-content；父没高度先给高度；子 absolute 就自求多福。好了，Flex 垂直居中的“九九八十一难”就聊到这儿。下次再看到“居中失败”，别急着抄!

博文更新于前天 11:51 ·

左侧固定右侧自适应？CSS布局高手的实战秘籍（附避坑指南）

从 table 到 grid，二十年前写三列布局要嵌套九个 td，今天一行就能解决。但别急着炫技——客户要兼容 IE11，你就老老实实 flex；老项目 2012 年的代码，float 堆成山，也别硬上 grid。把今天这五种方案、十几段完整代码、几十条注释收进书签，下次面试官再让你“左定右满”，你可以先反问：“IE 需求到几？要不要折叠动画？要不要 RTL？对方一愣，你就赢了。欢迎来到我的博客，很高兴能够在这里和您见面！

博文更新于前天 09:06 ·

前端新人必看：CSS常用布局全解析（7天搞定+实战技巧）

如果你刚入行，看到。

博文更新于前天 08:42 ·

CSS优先级不再懵：前端新手快速掌握权重规则与实战技巧

希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。今天咱们不背八股文，直接把它聊成段子，顺带送你一把“权重瑞士军刀”，以后想砍谁砍谁——哦不，想让谁生效就让谁生效。一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身农奴把歌唱，cascade 负责“谁先谁后”，specificity 负责“谁大谁小”。吾辈才疏学浅，摹写之作，恐有瑕疵。浏览器会翻个白眼，把纸条排个序，最后只留一张——，谁在后面谁说了算（后写覆盖先写）。

博文更新于前天 08:38 ·

移动前端必看：彻底搞懂 viewport 与像素密度的那些坑（附实战技

当 CSS 媒体查询不够用，比如“2.75x 屏需要 0.36 px 边框”，// Less 里再配合监听跨屏拖曳窗口（三星 DeX、华为电脑模式），实时刷新--dpr，实现“像素级”对齐。写到这儿，viewport 和 DPR 的底裤基本被扒光了。下次再遇到“为什么 1 px 看起来这么粗”或者“图片又糊了”的灵魂拷问，别急着甩锅给设计师，先掏出这篇文章，把代码往项目一粘，真机一刷，你会发现：原来移动端也可以“写一次，帅全场”。祝你从此告别“看起来怪怪的”崩溃夜，

博文更新于前天 03:40 ·

前端新人必看：彻底搞懂CSS3 box-sizing怪异模式（避坑指南+实战

* 1. 先全员 border-box *//* 2. 再让根元素恢复 content-box，供某些第三方库自救 */:root {原理的优先级低于类名，第三方 UI 如果强制 content-box，给它自己写就行，不会和全局冲突，稳中带皮。:root {.grid {.col {.card {换肤时，只需在运行时连 JS 都不用手动算，盒模型跟着主题一起摇摆。

博文更新于 2025.12.17 ·

CSS Module 中如何优雅使用全局样式？前端开发者避坑指南

——凌晨两点，我盯着屏幕上的按钮，它本应该是蓝色的，现在却像被抽干了灵魂一样灰白。读完这篇，你可以放心地喊一句：“global，我懂你啦！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。，结果产品经理说“这个高亮颜色太丑”，你一改，全站的 active 全变，连带隔壁团队的项目一起“社死”。一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身农奴把歌唱，愿你在日后的项目里，和 global 和平共处，少熬夜，多晒太阳。

博文更新于 2025.12.17 ·

CSS高手都在用的代码原则：写出干净、高效、可维护的样式表

* 定义主题变量 */:root {/* 颜色系统 *//* 中性色 *//* 间距系统 *//* 字体系统 *//* 圆角系统 *//* 阴影系统 *//* 深色主题 *//* 使用变量的组件 */.button {

博文更新于 2025.12.17 ·

前端开发者必备：Sass中高效玩转媒体查询的实战指南

变量 + 嵌套已经够香？别急，再加上 mixin，才是真正的“懒人神器”。媒体查询本质上是“让网页在不同屏幕下都好看”。Sass 只是工具，真正优雅的是“把规律抽象、把重复消灭、把命名统一”的工程思维。下次产品再让你改 2px 时，你只需打开，改一个数字，合上电脑，去楼下买杯拿铁——这才是一个前端工程师该有的浪漫。欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。DTcode7的博客首页。

博文更新于 2025.12.17 ·

弹窗遮罩不滚动背景？前端开发者必学的实战技巧（附完整方案）

if (!// 防止抖动// 保险起见使用姿势if (!// 暂存${const {if(!// 暂存 el . $originalStyles = {// 开关切换 if(!} } , };} , };px`;// 暂存 el . $originalStyles = {// 开关切换 if(!} } , };} , };px`;},

博文更新于 2025.12.17 ·

CSS文本溢出显示省略号：一行与多行的优雅处理方案

card {/* 3行 */left: 0;right: 0;bottom: 0;right: 0;bottom: 0;

博文更新于 2025.12.17 ·

CSS 伪类 after 清除浮动：前端老手都在用的布局妙招

从 spacer.gif 到空 div，前端在“语义化”这条路上一路狂奔。::after清除浮动只是其中的小插曲，却浓缩了“结构与表现分离”的精髓——不增一标签，不毁一语义，一箭双雕，堪称前端“扫地僧”。下次再遇到浮动塌陷，别再随手写了，试试给父元素一个温柔的clearfix拥抱。老板看你代码整洁， Review 同事对你微笑，连浏览器都偷偷给你比了个心——这，才是技术人的浪漫。欢迎来到我的博客，很高兴能够在这里和您见面！

博文更新于 2025.12.16 ·

前端新手必看：用CSS轻松画圆与三角形，掌握边框的隐藏魔法

省下的不只是 HTTP 请求，还有你和设计师的血压；伪元素 + 变量，让 UI 改版从“重新导出 200 张 png”变成“改一行色值”；排查思路背熟，圆再变椭圆、三角再歪屁股，你都能在三秒内喊出“宽高不等！font-size 没清！下次谁再说“前端就是套页面”，你就把这篇文章甩给他——“哥画三角不用图，服务器流量省一半，够我多喝三杯奶茶。欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。

博文更新于 2025.12.16 ·