- 和 ChatGPT 聊前端求职(下):审美、自己的作品和怎么被看见
接着上篇。为什么有些平平的项目能拿到大量关注,AI 一次生成的页面为什么不像自己的作品,GitHub 主页该放什么,以及聊完以后我的想法。
19 min - 和 ChatGPT 聊前端求职(上):代码大多是 Agent 写的,怎么证明我的能力
面试了几个月,我和 ChatGPT 聊了一次 AI 编程时代前端开发者的竞争力。这是前两轮:它的第一套建议、我的反驳、它的修正,以及到现在还没解决的问题。
28 min - 博客首页改成三栏信息流
博客首页原来是 astro-pure 默认的简历式首页,文章只有一列标题。照作品站存档的三栏信息流版改成左资料、中间文章动态、右边数据栏,记录配色、吸顶、分类、配图的做法和实测,以及踩过的坑。
12 min - 作品站首页的性能优化:Lighthouse 从 69 到 98
首页 Lighthouse 性能 69,主要是 TBT 太高。逐张拿掉卡片测下来,问题在技术栈卡片的 61 个 UIcon,改成构建时生成的 CSS 图标,再把图片转成 WebP、补上缓存头,到了 98。
11 min - 让 Claude Code 自己看网页:截图对比、加载和卡顿测量
Claude Code 跑在远程机器上,没有浏览器。用 Node 自带的 WebSocket 走 Chrome 调试协议遥控 Mac 上的 Edge,整理成一个 skill:截图并逐像素对比、测首次加载、找长任务、统计动画掉帧。记录用法和靠它查出的问题。
11 min - 把 Codex 宠物放进新标签页:格式、动画和内存实测
给自己的新标签页扩展 Niwa 加了宠物:直接导入 Codex 生成的宠物文件夹。导入时裁掉不用的行、缩小存成 webp,动画只改 transform;用无头 Edge 实测了每个标签页多占多少内存。
9 min - 异步生成任务的幂等:轮询误判、404 重提与重复扣费
AI 视频生成是"提交—轮询"的异步任务,又按次扣费。记录四个真实问题:提交结果丢失后任务永远待确认、读状态临时失败被判失败、404 时该不该重提、删文件后同一任务被重复扣费,以及背后的状态判定规则。
13 min zh - React Flow 拖动节点时页面崩溃:两条死循环与一个没根治的 bug
画布点击、拖动节点时报 Maximum update depth exceeded。记录两条已定位的触发路径(丢失 measured、拖动中父组件回写慢一拍的 selected)和修法,以及仍未根治时如何用"近 3 秒更新来源统计"定位线上压缩堆栈。
11 min zh