- 博客(154)
- 收藏
- 关注
RSS订阅原创 马斯克说今年每个月都要发一个大模型，Grok 4.5 已经在内测了
2026 年 6 月 29 日，周日。本周末最大的消息：马斯克宣布 SpaceX 要月更大模型，三星砸 6480 亿美元赌芯片，GPT-5.6 开始限量放人了。
2026-06-29 16:05:25
25
原创 白宫前脚下了限制令，OpenAI 后脚就把 GPT-5.6 发了重磅事件 #1 OpenAI 正式发布 GPT-5.6“
2026 年 6 月 27 日，周六。昨天我们刚报道白宫限制 GPT-5.6 发布，今天 OpenAI 直接把它推出来了。同一天，苹果因为芯片荒涨价 20%，全球科技股集体崩盘。
2026-06-28 15:17:05
148
原创 我用 50 行代码重写了 React Router 核心，终于搞懂了前端路由原理
用了三年 React Router，一直"会用但不懂原理"。花两个小时从零手写了一个 50 行的迷你路由，支持 hash/history 两种模式、动态参数、404 兜底、路由守卫。附完整代码 + 6 个高频面试问题的原理推导。
2026-06-26 19:14:00
327
原创 面试官问你：“AI 能写 80% 的代码了，公司为什么还需要你？”先说一个事实：2026 年的技术面试，已经和两年前完全
下次面试再被问"AI 能写代码了你还有什么用"，不要慌。这个问题不是在质疑你，而是在给你一个展示高阶思维的机会。能把这个问题答好的人，恰恰是 AI 时代最值钱的人。你面试时被问过类似的问题吗？你是怎么回答的？评论区聊聊。
2026-06-25 21:24:21
322
原创 用了半年 Claude Code 后，我尝试关掉它写了一周代码——结果比想象中严重
用了半年 Claude Code + Codex 后，我发现自己连 Array.reduce 的参数顺序都想不起来了。于是做了一个实验：卸掉所有 AI 编程工具，纯手写一周代码。Day 1 产出掉了 40%，Day 3 开始恢复，Day 5 发现一个意外——手写的代码质量反而比 AI 辅助时更高。
2026-06-24 20:07:26
208
原创 别再 console.log 了：5 个 Chrome DevTools 调试技巧，用过就回不去了
调试场景console.log 做法DevTools 做法查看某个变量值加条件断点，在 Scope 面板看在某行打印日志改代码加 logLogpoint，不改代码打印数组/对象分组打印手动加分隔符计算耗时Date.now()相减查看调用栈猜修改接口返回值Mock 或找后端实时监控变量调试 node_modules改源码（危险）Logpoint 或条件断点。
2026-06-23 20:54:39
382
原创 AI 生成的代码能跑就行？这 5 个坑迟早炸
Review 了大量 AI 生成的代码后，总结出 5 个最常见的质量问题：过度工程化、幽灵死代码、注释与代码不一致、滥用 try-catch、变量名丢失业务语义。每个坑附反面代码 + 修复方案 + 检测命令，最后给出一份 AI 代码验收 checklist。
2026-06-22 15:12:16
146
原创 2026 年了，这 6 个 npm 包可以卸载了——浏览器原生 API 已经能替代
跑了一下 depcheck，发现项目里至少 6 个 npm 包可以用浏览器原生 API 替代：structuredClone 替代 lodash.cloneDeep、crypto.randomUUID 替代 uuid、Intl + Temporal 替代 dayjs……卸载后打包体积直接少了 25KB gzip。逐个对比迁移代码，附限制说明。
2026-06-21 12:32:23
213
原创 同事每天催我 Code Review，我写了个脚本让 AI 替我 review PR——现在他反过来催 AI 了
用 GitHub Actions + Claude API 实现全自动 PR review，配置一次永久生效。AI 10秒内给出代码质量、潜在Bug、安全风险三维评审，平均节省70%初审时间。完整配置代码直接拿走用。
2026-06-20 12:40:04
150
原创 我用 AI 一周写完了整个项目，上线第一天就崩了——这是我踩过最贵的 5 个坑
我用 Claude Code + Cursor 花 7 天写完了一个完整项目，提前两周交付。然后上线第一天，报警群炸了 47 条消息。这篇文章完整记录了 5 个真实踩坑经历和修复方案，以及踩完坑后总结的 AI 编程工作流。
2026-06-18 19:03:01
205
原创 前端错误监控最全指南：捕获 JS 异常、Promise 拒绝、资源加载失败，附上报代码
线上报错无法复现？本文从 0 到 1 搭建前端错误监控体系：JS 运行时错误、Promise 拒绝、资源加载失败、接口异常全覆盖。提供完整 SDK 代码（含批量上报、sendBeacon、keepalive），可直接复制接入。附 Source Map 还原堆栈方案。
2026-06-17 21:55:55
168
原创 TypeScript 高级类型：我用 infer 写了一个类型安全的 EventBus，终于搞懂了泛型约束
写了两年 TypeScript，any 用了两年。直到写一个类型安全的 EventBus，才真正搞懂 infer、extends、keyof 和泛型约束。本文从实战场景出发，完整推导类型安全的 API，附带 5 个高级类型技巧和可直接复制的代码。
2026-06-16 20:18:38
157
原创 从本地到生产：迁移到 GitHub Actions 自动化 CI/CD，总结了这 5 个坑
从 Jenkins 迁移到 GitHub Actions，我们踩了 5 个坑：权限、缓存、矩阵、变量、workflow 复用。本文提供完整解决方案和可直接复用的 workflow 模板（测试+部署 V
2026-06-15 20:13:16
213
原创 Git Commit 前自动修复代码风格？配置 Husky + lint-staged，从此 CR 只聊逻辑
团队 CR 总在争论空格？配置 Husky + lint-staged，实现 Git commit 前自动格式化、Lint 甚至跑单元测试。10 分钟配置，从此提交的代码自动符合规范。附完整 package.json 和 hook 代码，可直接复制。
2026-06-14 22:42:07
209
原创 手写 Promise.all、race、any：不到 30 行代码，解决并发异步的所有姿势
手写 Promise.all、race、any 是理解异步并发的关键。本文提供不到 30 行的完整实现，覆盖空数组、非 Promise 值等边界情况。代码可直接复制用于 polyfill。继手写 Promise 和 async/await 后，继续巩固你的异步知识体系。
2026-06-13 22:08:59
238
原创 Claude Code Token 烧太快？实测 5 招，把月费从 250 美金砍到 50 美金
Claude Code 能力强大但 Token 烧钱快。本文实测 5 招：.claudeignore 砍掉 80% 上下文、默认用 Sonnet 模型、利用 Prompt Cache 省 90%、/compact 压缩对话、关闭 Fast Mode。配合实操代码，把月费从 250 美元降到 50 美元。
2026-06-12 19:44:15
290
原创 手写 call、apply、bind：从原理到实现，附 3 个最容易忽略的边界情况
手写 call、apply、bind 是 JS 进阶的必修课。本文从原理出发，给出完整实现代码，并处理 3 个最容易被忽略的边界情况：null/undefined 指向、原始类型转换、new 调用时 this 优先级。代码可直接复制用于 polyfill。
2026-06-11 18:39:53
145
原创 CSS Container Queries：彻底告别 @media 写到手软，附 5 个真实布局案例
CSS Container Queries 已全面支持，它允许组件根据父容器尺寸响应，而非整个视口。本文介绍语法、与 @media 对比、5 个实战案例（卡片/侧边栏/仪表盘/商品列表/导航栏），以及降级方案。附可直接复制的代码片段。让你的 CSS 代码减少一半。
2026-06-10 21:15:09
223
原创 前端性能优化：LCP 从 4s 到 0.9s 的 5 个核心手段（附配置代码）
本文给出 5 个实测有效的优化手段：图片 WebP + 响应式、字体 font-display + 预加载、JS 代码分割 + defer、关键 CSS 内联、Brotli 压缩 + CDN 预热。
2026-06-09 18:16:06
224
原创 我读了一遍 Babel 编译后的 async/await，终于搞懂了它的原理（附 20 行手写实现）
的底层 =generator + 自动执行器手写一个自动执行器只需 20 行左右真正理解原理后，你就能轻松避免“异步陷阱”文中代码可以直接复制到你的项目中跑一跑讨论：你在项目中遇到过哪些因不理解 async/await 原理而产生的 bug？欢迎在评论区分享你的“翻车”经历～
2026-06-08 19:32:48
188
原创 一个人+Cursor，7天上线付费小程序：第1天我就想放弃了
这是第一天。我原计划3天搞定全部，结果连一个类目选择都能卡我4个小时。而那个被全网吹上天的Cursor，此刻正安安静静地躺在我的MacBook右侧，它什么也帮不了我。
2026-06-07 12:19:14
255
原创 从Webpack到Vite：我们迁移了一个10万行代码的项目，总结了这7个坑
Vite不是银弹，但它确实解决了Webpack在开发体验上的痛点。如果你的项目也深受启动慢、热更新卡顿的困扰，不妨一试。你们团队在用Vite吗？迁移中遇到过什么坑？
2026-06-06 19:16:56
219
原创 浏览器缓存最强攻略：强缓存、协商缓存、CDN、更新策略，一篇搞定
场景推荐配置静态资源（带hash）HTML入口API（不变数据）API（动态）用户头像等私有资源缓存策略没有“标准答案”，需要根据业务需求权衡实时性和性能。带hash的静态资源放心强缓存，入口文件绝不强缓存。
2026-06-05 20:28:29
178
原创 我招了一个“Prompt工程师”来写前端，结果项目差点崩了
我不会因为这个失败的案例就不再招“Prompt工程师”，但我会在面试里加一道题：“给你一个AI生成的烂代码，请你指出问题并修复。” 能答上来的，才是真正的人才。
2026-06-04 19:18:51
236
原创 Charles 抓包工具从入门到实战
概念一句话理解Charles网络请求的监控摄像头 + 编辑器代理浏览器把请求托管给 Charles，Charles 帮忙转发Charles 伪造证书做中间人，解密 HTTPS 流量根证书让系统信任 Charles 的"假证书"，否则浏览器会报错Map Remote把线上请求指向本地服务器Map Local用本地文件替换接口返回Rewrite修改请求/响应的 Header、Body拦截请求/响应，手动编辑后放行SSL Proxying 推荐配置：Include 保留*:443。
2026-06-04 12:07:54
395
原创 大文件上传最全指南：分片、断点续传、秒传，一篇就够了
功能实现方式分片上传+ 并发控制断点续传服务端记录已上传分片 + 前端跳过秒传文件hash + 服务端比对进度条已上传分片数 / 总分片数这套方案已在我司多个项目中稳定运行，支持GB级文件上传。你可以根据自己的需求调整分片大小、并发数、重试策略。你在大文件上传中还遇到过什么坑？评论区交流。
2026-06-03 20:16:40
253
原创 开源｜Image Harvest v1.0.5：AI 智能标签 + Eagle 导出，设计师和开发者的图片工作流神器
大家好，我是 Image Harvest 的作者。今天发布 v1.0.5 大版本更新，主要面向和的图片工作流优化。
2026-06-03 20:03:29
373
原创 大厂面试新规：不会用AI编程，直接挂
2026年的前端面试，AI早已不是“加分项”，而是像HTML、CSS一样的基础“必考项”。这背后折射出的，是整个行业环境的剧变——AI已经渗透到了业务的每一个角落。你以为面试官在考AI，其实他们在考你——在工具越来越强的时代，你还有多少不可替代的东西。
2026-06-02 18:39:59
220
原创 AI生成代码快如闪电，但我修了三个小时——它到底帮了谁？
AI 写代码快，但不是免费的。你省下的打字时间，很可能变成修代码的时间。这笔账，建议每个团队都算清楚。
2026-06-01 18:58:37
191
原创 微软用Go重写TypeScript编译器，速度提升10倍，网友：这是“背叛”还是“救赎”？
TypeScript团队用Go重写编译器，让大型项目编译从“喝杯咖啡”变成“眨个眼”。有人解读为“背叛”，但也许更像一次务实的“脱胎换骨”。你愿意现在就装个Beta版试试吗？10倍速，值得一试。
2026-05-31 23:08:37
622
原创 面试8家前端岗位后，我发现了一个残酷的事实：AI不是加分项，是门槛
这不是贩卖焦虑，而是描述事实：2026年的前端面试，AI工具使用能力已经成为一道必答题。
2026-05-30 14:56:01
181
原创 我关掉了Copilot：因为我写的代码出现在了别人的建议里
我依然会用 Cursor 做一些辅助性的任务（写文档、生成测试数据），但核心逻辑，我选择自己敲。
2026-05-29 19:29:28
194
原创 14MB VS 15KB：前React核心成员用AI写了个排版库，让Safari快了一千倍
Pretext目前还不是生产级的方案，缺少滚动虚拟化、无障碍支持等。但它的思路已经启发了一批开发者。有人开始尝试把它集成到Next.js里，有人写了一个基于Pretext的Markdown渲染器。Cheng Lou本人也表示，会持续维护，目标是成为一个真正可用的排版引擎。至少，它让我们看到：浏览器还没被挖透，前端还有创造的空间。
2026-05-29 12:11:30
374
原创 手写虚拟DOM后，我反问面试官：key为什么不能用index？
虚拟DOM和diff算法是React面试的“进阶题”，一般不会让手写完整实现，但一旦遇到，就是区分“会用React”和“懂React”的分水岭。大部分前端能说出虚拟DOM的好处，但真要写一个mini版，很多人会卡在diff的key逻辑上。今天我就还原那次面试：AI生成的虚拟DOM核心代码、我是如何解释diff的、以及为什么“key不能用index”这个问题能让我反客为主。最后附完整代码，你可以直接拿去跑，也可以用来准备面试。虚拟DOM和diff是React的根基，手写一遍能让你对性能优化有更深的体感。
2026-05-28 18:15:08
179
原创 推行AI写代码一年后，Code Review变成了新的加班理由
如果你也在经历类似的感受，。评论区聊聊：你的团队有没有因为AI代码而review变慢？
2026-05-27 18:30:00
248
原创 前端初级岗位暴跌62%：我带了三年的实习生被裁了，而AI是他亲手教的
2026年的前端，比任何一个时代都更需要深度。AI帮你写代码，但不会帮你背锅；AI帮你查文档，但不会帮你设计架构；AI帮你生成组件，但不会帮你理解业务。初级岗位在消失，但优秀的前端永远稀缺。你身边有被AI“挤出”岗位的同事吗？或者你自己就是靠AI转型上岸的？评论区聊聊，。
2026-05-26 12:02:46
647
原创 用魔法打败魔法：我让AI替我去面试前端岗，AI面试官给我打了92分，还发了offer
AI面试官已经不是什么新鲜事了。银行、外企、大厂海量筛人时，都用AI初筛：你对着屏幕答题，AI分析你的关键词、表情、语音语调。尤其前端岗，AI会问你“盒模型”“闭包”“事件循环”……全是标准答案题。既然对面是机器，那我这边也上机器，很合理吧？我花了一个周末，写了一个Chrome扩展 + 本地服务，搭建了一个“前端AI替身”：麦克风收音 → 语音转文字 → 调用GPT生成前端答案 → 文字转语音 → 播放。全程自动，我只需要坐在旁边喝茶。结果对面真没发现，还给了我92分。
2026-05-25 19:10:04
213
原创 写组件文档写到吐？我用AI自动生成Storybook，同事以后直接抄
组件文档的重要性，每个前端都懂。但现实是：业务需求压过来，谁有时间写文档？结果就是组件库越来越膨胀，文档越来越荒废。新人来了，要么猜，要么问，要么翻源码。我试过手动写Storybook，一个组件写半小时，一百个组件写完，我可能已经离职了。后来我想：能不能让AI自动生成？组件的props类型、默认值、描述，不都写在代码里了吗？让AI提取出来，再套个模板，不就完事了？今天我把这套自动化流程拆给你看：怎么用AI解析TS类型，怎么生成Storybook的stories文件，怎么集成到CI。
2026-05-23 21:43:51
351
原创 面试官让我查各部门工资最高的员工，我用AI三秒写出窗口函数，他愣了
SQL面试题里，“分组取Top N”是经典中的经典。尤其是“每个部门工资最高的员工”，考频率仅次于两数之和。很多人能写出来，但写出来的往往是子查询嵌套自连接，性能差、代码丑、还容易漏掉并列的情况。而窗口函数（ROW_NUMBER / RANK / DENSE_RANK）才是这道题的标准答案，但很多人一紧张就忘了语法：OVER里面怎么写？PARTITION BY和ORDER BY怎么配？RANK和ROW_NUMBER有什么区别？其实不用背，AI一秒就给你写出来。
2026-05-22 18:28:18
352
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人