CSS 新函数 contrast-color() 上市，它接受一个颜色值，根据 WCAG 2 标准计算对比度，返回 black 或 white，该函数适用于根据动态主题自动生成对比色的场景。

从 0 到 1：Node.js 调用 AI API 的完整避坑指南模块化开发：import 和 export 的艺术

凌晨2点，我被运维电话闹醒：“智能客服疯了，用户问‘我刚才说的订单号是多少’，它居然回答‘您还没告诉过我订单号’。”我瞬间清醒——这是我们花了两个月打磨的记忆存储模块，明明单元测试全部通过，怎么一到线

凌晨 2:17，手机震了三下，产品群连发 9 条消息：“登录页白屏，所有用户进不去！”你光脚坐到电脑前，扫了一眼上次发版的 commit——前端小哥改了一个公共组件，**没人跑过测试**。 你掏一根

是否还在因为父容器高度塌陷感到困惑？一文带你吃透浮动布局的好处与弊端，学懂浮动底层逻辑，五分钟带你学会如何清除浮动。

前言：前端新手最容易忽略的两件事 刚学前端的时候，我的关注点全在"怎么把效果做出来"——调 margin、改颜色、加动画，折腾半天页面终于像样了。但回头一看代码，class 名起得乱七八糟：.box1

直到这次手写一套微信风格的按钮页面，全程用规范写法落地，才算彻底搞懂了 CSS Reset 和 BEM命名规范 的真正用处，不是死板的八股文，是真的能救命的开发套路。 先说说最基础的：为什么坚决不用

今天这篇文章就带你从文档流入手，清晰了解浮动，了解它的本质，以及剖析其背后的“脱离文档流”，“高度塌陷”等问题，并学习五种清楚浮动的方法，了解BFC的世界。 一.先温习：什么是文档流？ 浏览器在渲染

一、为什么页面要先“重置样式”？ 打开浏览器，写一个 <h1>，它自带上下边距和加粗；写一个 <ul>，它自带左边距和圆点。不同浏览器的默认样式还不一样——Chrome 和 Firefox 可能差几个

🌰栗子前端技术周刊第 131 期 (2026.05.25 - 2026.05.31)：浏览前端一周最新消息，学习国内外优秀文章，让我们保持对前端的好奇心。 📰 技术资讯 pnpm 11.3：pnp

开篇：一张图片引发的排版需求 当你被要求做出这样的文字环绕图片效果，你会怎么做呢？ 你尝试设置行内元素、块级元素，结果发现你什么都做不到，这时候我们就要想到 css 中的：浮动布局。 浮动布局：它的诞

刚入门前端时，我们通常会这样写 CSS： 看起来没什么问题，但当页面变复杂后： .title 是哪个区块的标题？ .red 今天红明天蓝，类名就变成了谎言

前端工程化从命名规范开始，本文将带你一步步实现一个符合 BEM 规范、具有良好视觉表现力的按钮页面，并深入解析背后的 CSS 设计思想。 前言 在日常开发中，你是否遇到过这样的问题：类名混乱、样式相互

凌晨2:17，我被一连串报警电话炸醒——订单服务疯狂报“库存扣减失败”，日志里满屏的`KeyError`。切到Redis监控，内存使用率只有30%，但大量热门商品的库存key凭空消失了。昨天刚上线了混

TS 登顶 GitHub 第一语言，官宣最后一个 JS 主版本；JS 最新 Temporal API 取代 Date 时间减屎；Node 社区爆发反 AI 运动；CSS 或将支持图片的深浅主题。

Pretext 是一个 JS 文本测量库，但它打破了传统 DOM 测量的性能瓶颈，没有布局重排，利用现代 API 实现了快速精准的文本测量算法，支持国际化多语言，支持渲染到 Canvas / SVG

大家好，我又来了😁 最近我接手了一个隔壁组转过来的中后台重构项目。 交接的时候，对方的技术负责人特意跟我强调，说这个项目采用了最新的技术栈，全面拥抱了 Tailwind CSS，开发体验极其丝滑。 我

凌晨 2:47，我被电话炸醒。运维说客服机器人在跟用户聊退换货时，突然开始推荐理财产品——这届 AI 的记忆又崩了。打开日志一看，Mem0 里存的订单上下文莫名其妙少了两条，模型直接脑补出一段幻觉对话

BEM 命名规范 + CSS Reset 实战：从微信按钮页面看专业前端开发 前言 今天课程学习了 BEM 命名规范 和 CSS Reset，并用它们搭建了一个微信风格的按钮页面。