开发与技术思考
我是阿宏，一名奋斗在一线的开发者，聚焦前端开发与面试进阶的技术博客，覆盖 JavaScript、React、工程化、云原生与 AI 实践，记录真实思考与硬核笔记。
AI No.061 10-24 Vibe Coding 的提问艺术：怎么把模糊的想法说成 AI 能懂的需求
模糊、矛盾、缺边界、贪心是四种典型的坏提示词，五步提问法定方向、圈用户、定 P0、给约束、砍功能，把想法翻译成 AI 能执行的具体描述。
14 min·4897 字 阅读全文 →
每日一面 No.060 10-24 【每日一面】浏览器缓存策略
强缓存不问服务器、协商缓存拿指纹校验，入口文件保新鲜、哈希资源吃长缓存，分层裁决的策略把缓存从玄学变成工程设计。
22 min·7542 字 阅读全文 → AI No.059 10-24 Vibe Coding 第一课：用一句话生成你的第一个应用
Vibe Coding 的完整循环就四步：一句话说清需求、AI 生成、人工验收、追加迭代——人不写一行代码，只负责把想要的东西讲明白。
8 min·2917 字 阅读全文 → 每日一面 No.058 10-24 【每日一面】CSS 动画性能
动画卡不卡，看改动落在渲染流水线的哪一段：收敛到 transform/opacity、跑在合成器线程、压住重绘范围，才是治本而非加个 translateZ(0)。
24 min·8374 字 阅读全文 →
行业知识 No.057 10-14 一张票的诞生：电气作业票规则与系统设计深度指南
从制度、领域到工程三层，讲清「两票三制」背后的防事故逻辑，并把它完整翻译成不会说谎的系统代码。
57 min·20014 字 阅读全文 → 每日一面 No.056 10-10 【每日一面】选择器权重与层叠上下文
权重是四元组逐位比较、低位永不进位，层叠上下文决定 z 轴绘制顺序；z-index 失效要么没有生效资格，要么被创建上下文的祖先隔离，排查要沿祖先链查起。
26 min·9095 字 阅读全文 → AI No.055 10-10 Vibe Coding ≠ 让 AI 写代码
Vibe Coding 的关键词从来不是 code 而是 vibe：代码从最终产物变成人与 AI 之间的中间语言，人负责提需求、判断与验收，让 AI 替我们做事，而不是简单地让它写代码。
13 min·4421 字 阅读全文 →
AI No.054 09-30 Vibe Coding 到底是什么？从 Karpathy 一条推文说起
Karpathy 一条推文命名了 Vibe Coding：模型、工具、传播三要素在 2025 年到位，人用自然语言指挥并做方向判断与验收，AI 负责把方向变成能跑的代码。
25 min·8647 字 阅读全文 → 每日一面 No.053 09-29 【每日一面】Flex 与 Grid 布局
Flex 一维排内容、Grid 二维搭骨架，分清内容驱动与布局驱动，讲清空间分配算法和 min-width: auto 陷阱，这道送分题才能答出区分度。
19 min·6530 字 阅读全文 → 每日一面 No.052 09-28 【每日一面】盒模型与 BFC
盒模型由 content、padding、border、margin 四层组成，box-sizing 决定宽度算到哪；BFC 是封闭的渲染区域，管住 margin 折叠、清浮动和自适应两栏布局。
16 min·5604 字 阅读全文 →