注册登录
产品
社群
使用“Bing”搜本站
使用“Google”搜本站
使用“百度”搜本站
✓
站内搜索
注册登录
问答
博客
资讯
标签
用户
活动
极客观点
项目管理
HarmonyOS
开发者社区
热门标签
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
ONES 研发管理
思否企业问答
问答
博客
资讯
标签
用户
活动
极客观点
项目管理
HarmonyOS
开发者社区
热门标签
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
ONES 研发管理
思否企业问答
kyriewen
112
获赞数
0
关注数
55
粉丝数
关注他
发私信
广州
广州大学 | 计算机
hi.kyriewen.cn
IP 属地上海
2020-07-26 加入
浏览 10.4k
举报
屏蔽
主页
回答
提问
文章
135
更多
独立开发者 / 前端工程师
做了一个免费的 Chrome 插件,能扒下任何网页里的所有图片
🌐 官网:https:// image-harvest.kyriewen.cn
329 声望
|
学徒
全站排名超越 95% 用户
前端
227
css
159
javascript
144
chrome
30
html
21
黄金勋章
暂未获得该勋章
如何获得
1
白银勋章
狂热博主
4
青铜勋章
长文达人
博客新秀
支持者
个人动态
发布了文章
6 月 25 日
今天的科技圈,全在抢英伟达的饭碗
kyriewen
OpenAI 终于出手了。和博通合作的第一颗定制芯片 "Jalapeno" 首批样品已经到手,正在测试。博通 CEO 陈福阳说了个很关键的数字:比传统 GPU 便宜 50%。最终版今年晚些时候就会塞进微软的数据中心。
发布了文章
6 月 24 日
用了半年 Claude Code 后,我尝试关掉它写了一周代码——结果比想象中严重
kyriewen
上周我做了一个实验:卸掉 Claude Code,不碰 Codex,回到纯手写代码的状态,坚持一整周。不是为了证明什么,而是因为有一天写代码的时候,我发现自己连一个 Array.reduce 的回调参数顺序都想不起来了——以前闭着眼都能写。这件事吓到我了。
发布了文章
6 月 23 日
别再 console.log 了:5 个 Chrome DevTools 调试技巧,用过就回不去了
kyriewen
我观察过身边的前端同事,90% 的人调试代码的方式就是一行行加 console.log。改完了再一行行删。出了 bug 再加回来。这个循环我自己也干了两年,直到有一天我发现了 Chrome DevTools 里这些"隐藏"功能——说是隐藏,其实一直都在那,只是没人告诉你怎么用。这篇文章把 ...
发布了文章
6 月 22 日
AI 生成的代码能跑就行?这 5 个坑迟早炸
kyriewen
AI 写代码的效率毋庸置疑,但"能跑"和"能维护"之间隔了一道鸿沟。这篇文章总结了 AI 生成代码最常见的 5 个质量问题,每个都附反面案例和修复方案,最后给出一份 5 条验收 checklist。
发布了文章
6 月 21 日
2026 年了,这 6 个 npm 包可以卸载了——浏览器原生 API 已经能替代
kyriewen
前几天我跑了一下 npx depcheck,发现项目里有 47 个依赖,其中至少 6 个完全可以用浏览器原生 API 替代。卸载之后,打包体积直接少了 82KB(gzip 后少了 23KB),首屏加载快了 300ms。这篇文章把每个包的原生替代方案都写出来,附迁移代码,直接抄。
发布了文章
6 月 20 日
同事每天催我 Code Review,我写了个脚本让 AI 替我 review PR——现在他反过来催 AI 了
kyriewen
先说结论:用 GitHub Actions + Claude API 实现全自动 PR review,配置一次,以后每个 PR 推上去,AI 10 秒内给出详细评审意见,覆盖代码质量、潜在 bug、安全风险三个维度。这篇文章把完整配置都给你,拿走直接用。
发布了文章
6 月 18 日
我用 AI 一周写完了整个项目,上线第一天就崩了——这是我踩过最贵的 5 个坑
kyriewen
这不是标题党。上个月,我用 Claude Code + Cursor 花了 7 天从零写完了一个内部工具平台,提前两周交付,老板在周会上点名表扬。然后上线第一天,报警群炸了 47 条消息。
发布了文章
6 月 17 日
前端错误监控最全指南:捕获 JS 异常、Promise 拒绝、资源加载失败,附上报代码
kyriewen
一、错误分类与捕获方式错误类型捕获方式备注JS 运行时错误window.onerror同步代码、未捕获的异常Promise 拒绝unhandledrejectionasync/await 未 catch资源加载失败error 事件(捕获阶段)图片、脚本、样式加载失败语法错误error 事件 + try-catch在捕获阶段可捕获接...
发布了文章
6 月 16 日
TypeScript 高级类型:我用 infer 写了一个类型安全的 EventBus,终于搞懂了泛型约束
kyriewen
TypeScript 写了五年,any 也用了五半。直到被迫写一个类型安全的 EventBus,我才真正搞懂 infer、extends、keyof 和泛型约束。本文从实际场景出发,一步步推导出类型安全的 API。
发布了文章
6 月 15 日
从本地到生产:迁移到 GitHub Actions 自动化 CI/CD,总结了这 5 个坑
kyriewen
一、为什么迁移到 GitHub Actions?无需额外服务器:GitHub 原生集成,免费额度充足(2000 分钟/月)矩阵构建:一次 push 测试多个 Node 版本、多个操作系统生态丰富:官方 marketplace 有上万 actions配置即代码:.github/workflows/*.yml 随仓库版本管理迁移前:Je...
发布了文章
6 月 14 日
Git Commit 前自动修复代码风格?配置 Husky + lint-staged,从此 CR 只聊逻辑
kyriewen
每次 Code Review 都在争论空格和分号?CI 频繁因为格式问题失败?本文将用 10 分钟配置 Git Hook,实现提交前自动格式化、Lint、甚至跑单元测试。全程配置代码可直接复制。
发布了文章
6 月 13 日
手写 Promise.all、race、any:不到 30 行代码,解决并发异步的所有姿势
kyriewen
一、这三个方法解决什么问题?方法输入输出典型场景Promise.all多个 Promise所有成功 -> 结果数组;任一失败 -> 立即 reject多个独立请求,需要全部结果Promise.race多个 Promise最先 settled 的结果(成功或失败)超时控制、请求竞速Promise.any多个 Promise...
发布了文章
6 月 12 日
Claude Code Token 烧太快?实测 5 招,把月费从 250 美金砍到 50 美金
kyriewen
你打开 Claude Code 帮忙解决一个复杂 bug,2 小时后发现今天已经花掉了 40 美金。这并非个例,开发者社区里,“Claude 受害者联盟”的哀嚎正越来越多。
发布了文章
6 月 11 日
手写 call、apply、bind:从原理到实现,附 3 个最容易忽略的边界情况
kyriewen
本文手写实现 JS 中最重要的三个 this 绑定函数,并处理 90% 的人会忽略的边界问题。代码可直接复制。一、准备知识:this 的优先级call、apply、bind 都用于显式绑定 this。区别:call:立即执行,参数逐个传递apply:立即执行,参数以数组传递bind:返回新函数,不...
发布了文章
6 月 10 日
CSS Container Queries:彻底告别 @media 写到手软,附 5 个真实布局案例
kyriewen
以前写响应式组件,总要根据视口宽度写一堆 @media,代码又臭又长。现在 Container Queries 让组件根据父容器尺寸响应,代码直接减半。本文讲透语法 + 5 个可直接复用的案例。
发布了文章
6 月 9 日
前端性能优化:LCP 从 4s 到 0.9s 的 5 个核心手段(附配置代码)
kyriewen
LCP(Largest Contentful Paint) 衡量页面最大内容元素(通常是图片、视频、大文本块)的渲染时间。优化目标:≤ 2.5 秒。
发布了文章
6 月 8 日
我读了一遍 Babel 编译后的 async/await,终于搞懂了它的原理(附 20 行手写实现)
kyriewen
我读了一遍 Babel 编译后的 async/await,终于搞懂了它的原理(附 20 行手写实现)> 本文从一个真实项目 bug 出发,带你读 Babel 编译结果,然后手写一个最简 async/await。
发布了文章
6 月 7 日
一个人+Cursor,7天上线付费小程序:第1天我就想放弃了
kyriewen
这是第一天。我原计划3天搞定全部,结果连一个类目选择都能卡我4个小时。而那个被全网吹上天的Cursor,此刻正安安静静地躺在我的MacBook右侧,它什么也帮不了我。
发布了文章
6 月 6 日
从Webpack到Vite:我们迁移了一个10万行代码的项目,总结了这7个坑
kyriewen
项目技术栈:React 18 + TypeScript + Ant Design + less。Webpack配置经过多人“迭代”,已经变得极其复杂:各种loader、plugin、alias、proxy,还有自定义的打包分析脚本。
发布了文章
6 月 5 日
浏览器缓存最强攻略:强缓存、协商缓存、CDN、更新策略,一篇搞定
kyriewen
网站加载慢?重复请求浪费带宽?用户总是看到旧版本?这些问题背后,都指向同一个关键词:缓存。今天我们从HTTP头开始,彻底搞懂强缓存、协商缓存、CDN缓存、前端静态资源版本管理,以及最常见的缓存坑和解决方案。
标签得分
暂无数据
获得勋章
暂无数据
声望记录
暂无数据