掘金 / InfoQ · 前端本周最热

大家好啊，前段时间做了个 MBTI 梗化测试 app，想加个"结果分享"功能——用户测完 16 人格，截图给朋友看。听起来简单，真做下去发现要串三段 API：

上周五团建，部门聚餐的时候聊到年龄，我突然来了兴致，打开飞书的组织架构，把我们整个前端部门的人头捋了一遍。我们部门加上我一共 38 个人。我一个一个数，35 岁以上的，包括我自己，只有 2 个。

做了一堆鸿蒙 app 之后发现，项目第一天的目录结构 决定后 90 天开发顺不顺。走通几种结构后，总结出适合独立开发者的分层：model

鸿蒙 ArkUI 的 Dialog 系统提供两类：promptAction.showDialog 简单 + 系统外观；@CustomDial

给一个极简日记 app 加桌面服务卡片（Form Widget）时撞到一个很矛盾的事：用户长按桌面添加卡片的瞬间，卡片内容应该已经是今天的日记进度——走

鸿蒙的 List 组件自带侧滑交互，但 API 不直观——是通过 ListItem.swipeAction 配 start 和 en

用 Agent 写页面，有一种返工特别烦：功能基本对了，页面上却多了一堆你没让它写的东西。 邮箱输入框下面写着“请在此输入您的邮箱地址”，保存按钮旁边写着“点击后将保存当前信息”，表单上方再来一句“请

在开发构建中，当 React 使用数组或可迭代对象渲染一组同级子节点时，如果直接生成的子节点没有提供 key，React 会在控制台输出： react的官方解释是这样说的： https://react

Fable 5.2 不是框架而是 Claude 模型：用纯代码、禁外部库，一次生成 1.42MB 零素材的浏览器 FPS。本文拆光追/水面/倒影/火光的程序化原理，也讲 demo 与生产的距离。

最近在网上看到一些关于前端的讨论。有人说，部门已经没有纯前端了，页面、接口、部署都得一起做。有人感叹，明明投的是前端岗位，招聘要求里却写着全栈、AI 应用和 Agent 开发。 再看看 Agent 生

回想一下，你是否对刷算法题、背框架原理、手写代码、技师（机试）代码这样的场景历历在目？曾经这些都是程序员求职绕不开的一道关卡！！！ 但现在传统手写/技师（机试）代码面试已死。

最近白嫖了一堆积分，于是我给自己定了个小目标：用 AI 从 0 到 1上线一个小程序，把整个过程完整跑一遍，看看现在 AI 到底能帮到哪......

2026 年了，AI 编码工具已经满天飞——Cursor、Claude Code、Codex、各种 IDE 插件。但每次让它帮我写一个业务组件，每次对话死循环来回三四轮，不如我自己写！

最近我发现一个挺实用的小技巧：让 Codex 自己回顾最近的运行记录，分析哪些地方在浪费 token。 本文同步发布于 AI Coding 指北。 关于 Codex 会员，我经常去chong-zhen

🌰栗子前端技术周刊第 153 期 (2026.11.02 - 2026.11.08)：浏览前端一周最新消息，学习国内外优秀文章，让我们保持对前端的好奇心。 📰 技术资讯 Vitest 5.1：Vite

我花一天做了个格斗游戏原型，判定全对，然后被「美术」劝退了 一个 1321 行的单文件 HTML，零依赖、无构建，双击即玩。里面有关羽和赵云，能走能打能放大招，判定框可视化、帧数据面板、逐帧步进都齐了

多数Event Loop讲解止步于面试题，未涉及浏览器渲染流水线。文章按16.6ms一帧的时序拆解宏任务、微任务、requestAnimationFrame、样式布局绘制合成及requestIdleCallback，解释微任务阻塞渲染、DOM批量更新与布局抖动成因。

一个用JS作为开发语言的全栈创业小团队，都能做哪些有意思的项目，开源图片编辑器vue-fabric-editor项目的作者自述。

Vue 3 + 高德地图封装实战：点位、区域、聚合、Loca 流光与 Vue 信息窗体 本文对高德地图能力做了统一封装，后续将按封装后的调用方式，整理后台地图页面常用功能及示例

第一次用 Codex、Claude Code、Cursor Agent，最直接的感受通常是快。接口、类型、测试、文档都能迅速生成，一个人甚至可以同时开多个 Agent 往前推。 项目跑一段时间以后，瓶