摘要：
Web 端展开/收起怎么写才不卡？6 种方案一次讲透 展开/收起面板谁都写过，但真要「动画顺滑 + 兼容性好 + 代码少」，里面门道不少。核心难点就一句：CSS 里 height: auto 是不能直接做过渡动画的。下面把能用的方案按推荐度排个序。 当前首选：grid-template-rows 这 阅读全文
posted @ 2026-08-19 15:03
adiynil
阅读(0)
评论(0)
推荐(0)
摘要：
给面板加渐变边框，我试了 5 种 CSS 方案，最后只留了这一行 最近做个面板，产品要求挺朴素但也挺刁钻：背景要渐变、边框也要渐变、还得是圆角的。这俩一叠加，「border 怎么渐变」就成了个坑。我把能用的方案都试了一遍，记下来给你省时间。 先说结论 最推荐的写法，就 5 行： .ai-audit- 阅读全文
posted @ 2026-08-19 15:03
adiynil
阅读(1)
评论(0)
推荐(0)
摘要：
Git 团队工作流实录：三年多没翻过车 Git 命令上百个，日常真的用的就那一小撮。这套流程我在团队里跑了三年多，从单干到几个人一起合代码，每天重复这套。写下来给刚接触、或者还在"每次都要查一下"的人参考。 三个区 工作区(改文件) → git add → 暂存区 → git commit → 仓库 阅读全文
posted @ 2026-08-19 15:03
adiynil
阅读(1)
评论(0)
推荐(0)
摘要：
我在后台系统里做过的 8 个真实性能优化 性能优化不是玄学，是能一条条打勾的活。这篇讲的是我在一个 Vue3 + Ant Design 后台系统里真动过手的东西，代码都是从项目里抠的，不是网上抄的模板。 先搞清楚优化谁 Core Web Vitals 四个指标大家都熟，但我做后台系统的体感是：INP 阅读全文
posted @ 2026-08-19 15:03
adiynil
阅读(0)
评论(0)
推荐(0)
摘要：
搞懂 JS 事件循环，Promise 为什么比 setTimeout 先执行 JavaScript 是单线程的：同一时刻只能做一件事。但我们写 setTimeout、发请求、监听事件，明明都是异步的，页面却不会卡死——秘密就是事件循环（Event Loop）。 三个核心角色 调用栈（Call Sta 阅读全文
posted @ 2026-08-19 15:03
adiynil
阅读(1)
评论(0)
推荐(0)
摘要：
CSS Grid 从入门到实战：4 个属性搞定 90% 布局 如果你已经会用 Flex（一维：要么横排要么竖排），那 Grid 就是它的二维升级版——同时控制行和列。 一句话区分： Flex：我有一排元素，怎么排、怎么对齐。 Grid：我要一张表格，行和列同时定义，把内容塞进格子里。 定义一张网格 阅读全文
posted @ 2026-08-19 15:03
adiynil
阅读(2)
评论(0)
推荐(0)
摘要：
一文搞懂 CSS Flex 布局（无图纯干货） css 里 flex、grid 各种布局都得会。flex 是最常用也最强大的布局方式之一，这篇不配一张图，用最直白的话把 flex 讲明白。 先搞懂「行模式 / 列模式」 这是后面所有属性的前提： 父容器 flex-direction 为 row / 阅读全文
posted @ 2026-08-19 15:03
adiynil
阅读(2)
评论(0)
推荐(0)
浙公网安备 33010602011771号