🌰栗子前端技术周刊第 132 期 (2026.06.01 - 2026.06.07)：浏览前端一周最新消息，学习国内外优秀文章，让我们保持对前端的好奇心。 📰 技术资讯 date-fns 支持 Tem

一、布局与定位（Layout & Positioning） 类名 作用描述 生成的核心 CSS flex 开启 Flex 布局 display: flex; flex-col 主轴方向为垂直（自上而下

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

凌晨1点，客户群里炸了：“你们的客服机器人是不是只有7秒记忆？上一轮刚说过订单号，下一轮它又问我‘请提供订单号’，我像在跟金鱼聊天！” 我爬起来翻日志，发现RAG对话的记忆存储模块在服务重启后丢了所

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

凌晨两点，运维群里炸了——“客服机器人又把同一个用户的历史订单搞串了”。我爬起来看日志，发现是上周改记忆存储时，一个边界条件没测到，导致 `session_id` 相同但 topic 不同的对话被错

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

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

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

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

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

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

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

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

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

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

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

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

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