2026-第二十九周

该周报主要为各个地方内容的汇总整理

技术

如何在 React 中使用 request-close 防止模态对话框关闭 by sergiodxa

本文介绍了在 React 中使用 request-close 命令防止模态对话框意外关闭的方法，通过拦截 cancel 事件实现条件性关闭，并支持传递返回值。

• 🚫 request-close 的作用：允许对话框在关闭前触发 cancel 事件，通过 preventDefault() 阻止关闭，实现条件性关闭。
• 🛠️ 类型增强：需在 TypeScript 中扩展 ButtonHTMLAttributes，添加 request-close 到标准命令类型，并支持自定义命令。
• 💻 组件实现：使用 <dialog> 元素，将取消按钮的 command 设为 request-close，并绑定 commandfor 属性。
• 🔍 拦截关闭逻辑：在 onCancel 事件中检查条件（如复选框是否勾选），若未满足则调用 event.preventDefault() 阻止关闭。
• 📝 返回值处理：request-close 按钮可设置 value，关闭后通过 onClose 事件读取 returnValue，实现决策传递。
• ⚖️ 命令选择：close 用于无条件关闭；request-close 用于需要拦截确认的场景，类似浏览器 Escape 键行为。

工具

更新

设计

AI

其他

The Mario Meeting - 马里奥会议

这篇文章剖析了企业年度绩效评估与薪酬预算的幕后运作机制，揭示了从战略规划到预算分配到个人绩效评定的完整周期。作者强调，薪酬决策并非始于绩效评估季，而是早在一年前就已通过一系列会议和流程被锁定。对于高级领导者而言，真正的关键在于参与预算制定阶段的讨论，而非在薪酬分配阶段才提出诉求。

• 📅 薪酬预算周期错位：每年夏季同时运行两个预算——一个正在被花掉（去年确定的今年调薪预算），另一个正在被构建（明年的预算）。员工常因混淆这两者而误解流程。
• 📊 绩效评级与预算分配：秋季绩效评估前，高管团队会进行人才规划会议，将员工按“卓越、优秀、合格、待改进”分类。每个类别有固定人数上限和薪酬范围，以实现预算曲线的强制分布。
• 🚫 经理的“湖沃贝冈效应”偏见：所有经理都认为自己的团队表现优于其他团队，因此人才规划会议要求用数据证明评级，否则会导致薪酬和职级膨胀。
• 🗓️ 预算的真正源头在规划阶段：明年预算的制定从每年 7 月的战略会议、产品规划会议和财务会议开始。这些会议决定公司的大方向、产品功能、所需资源（人头、硬件），并最终由薪酬委员会提出整体调薪预算（如 3.5%）。
• 👨‍💼 对“马里奥”式领导的批评：部分领导只在人才规划会议上争论预算，却从未参与其源头（产品规划会或战略规划会）。作者指出，正确做法是在规划阶段通过“战略 - 产品 - 资源”链条论证团队所需投入，而非在预算已锁死后才去争取。
• 🔄 流程不是普适模型：本文描述的是“年度发布制软件公司”的简化模型。不同公司流程各异，但核心逻辑一致——高级领导者必须主动理解所处系统的运作机制，而非等待被告知。