返回首页

博客

技术分享、开发心得、学习笔记

如何委婉地告诉同事你写的代码是一坨屎?

如何委婉地告诉同事你写的代码是一坨屎?

代码审查中的沟通技巧,强调避免直接指责同事,而应聚焦代码问题本身。通过具体话术示例,说明如何用商量语气提出建议,并指出格式检查应交由工具处理,以维护团队关系。

Code Review 代码评审 沟通技巧
3
1
为什么技术极强的前端,往往当不好前端 Team Leader?

为什么技术极强的前端,往往当不好前端 Team Leader?

技术拔尖者晋升管理者常因个人英雄主义、代码洁癖与技术自嗨陷入困境,需将个人能力转化为制度与工程护栏,容忍不完美过程,方能实现角色转换。

技术管理 团队领导力 Code Review
3
0
不要在简历上写精通 Vue3?来自面试官的真实劝退

不要在简历上写精通 Vue3?来自面试官的真实劝退

简历中滥用“精通”一词易引发面试官高预期,导致追问源码细节而暴露短板。建议以具体实战案例替代虚词,并强调Vue3中Proxy懒劫持、Diff靶向更新等深度知识才是加分项。

Vue3 Proxy diff算法
2
0
Bun 真的能取代 Node.js 吗?

Bun 真的能取代 Node.js 吗?

Bun以高速冷启动和包安装速度著称,但生态兼容性及JavaScriptCore引擎限制其取代Node.js。两者各有适用场景,竞争推动技术演进,开发者成最终受益者。

Bun Node.js JavaScript运行时
3
1
技术好就能升职是前端圈最大的谎言!

技术好就能升职是前端圈最大的谎言!

大厂晋升不只看技术深度,更重技术带来的可量化商业价值。业务影响力、成果可见性、与组织战略对齐及直属领导信任,共同决定晋升结果。技术决定下限,软实力决定上限。

大厂晋升 技术价值 软实力
2
0
这 5 个冷门的 HTML 标签,能让你少写 100 行 JS

这 5 个冷门的 HTML 标签,能让你少写 100 行 JS

五个被低估的原生HTML标签:details实现折叠面板、dialog构建模态框、datalist提供输入建议、fieldset批量禁用表单、file capture调用相机。这些标签无需JS即可完成常见交互,具备更好的性能与无障碍支持。

HTML details dialog
3
1
那个把代码写得亲妈都不认的同事,最后被劝退了

那个把代码写得亲妈都不认的同事,最后被劝退了

技术大牛阿K因过度优化权限模块代码,使用位运算导致可读性极差,最终被劝退。案例说明过早优化增加维护成本,强调代码可读性优先于技巧。

代码可读性 位运算 过早优化
6
0
Web Components 为什么火不起来?

Web Components 为什么火不起来?

Web Components 基于浏览器原生标准,具备跨框架复用与样式隔离优势,但开发体验原始、缺乏响应式系统、SSR 支持不足。

Web Components Custom Elements Shadow DOM
5
1
外包前端和大厂前端,写的代码到底有什么本质区别?

外包前端和大厂前端,写的代码到底有什么本质区别?

对比外包与大厂前端代码差异,指出核心源于激励机制不同。外包追求快速交付,代码仅覆盖理想环境;大厂注重长期运营,强调全链路防御、可维护性、错误监控与安全防护。

前端架构 错误处理 TypeScript
7
1
一行 CSS 新特性干掉 20 行 JavaScript ?

一行 CSS 新特性干掉 20 行 JavaScript ?

2026年主流浏览器已全面支持但常被低估的纯CSS特性,包括:has()选择器、容器查询、滚动驱动动画、@starting-style、field-sizing和锚点定位。

CSS :has() 容器查询
6
1
一周狂揽40K+ Star 的 Pretext 到底有多变态?

一周狂揽40K+ Star 的 Pretext 到底有多变态?

Pretext是一个纯JavaScript文本测量库,通过数学算法计算文本宽高,避免DOM操作引发的强制同步布局和重排。

Pretext 前端性能优化 文本测量
8
0
高级前端如何优雅地拒绝不合理的产品需求?

高级前端如何优雅地拒绝不合理的产品需求?

前端工程师如何用技术语言应对不合理需求,通过虚拟滚动、性能链路拆解、移动端交互限制和加密安全等案例,说明以代价与替代方案引导产品经理决策的方法。

前端工程 性能优化 虚拟滚动
5
0
为什么同一段代码在 Safari 上永远有 Bug?

为什么同一段代码在 Safari 上永远有 Bug?

剖析Safari兼容性问题的商业根源,指出Apple为保护App Store抽成而限制WebKit能力。列举100vh、fixed定位、Date解析等典型缺陷,并建议真机测试与团队沉淀踩坑清单。

Safari兼容性 WebKit 前端开发
5
1
为什么跳槽涨薪 30% 的时代彻底结束了?聊聊 2026 前端薪资的天花板

为什么跳槽涨薪 30% 的时代彻底结束了?聊聊 2026 前端薪资的天花板

前端薪资红利期结束,供需失衡与AI工具普及压缩执行层价值。高薪转向决策层,需具备成本优化、标准制定或全栈能力。

React AI编程 全栈开发
6
0
当 AI 一天写完一周的代码,我们还剩什么优势?

当 AI 一天写完一周的代码,我们还剩什么优势?

AI生成代码量激增导致代码审查与归属权成为新瓶颈,工程师需从追求编写速度转向把控系统稳定性。规范驱动开发取代直接提示,通过编写严谨规范约束AI产出。

前端工程师 Multi-Agent AI代码审查
9
0
前端真的比后端简单吗?

前端真的比后端简单吗?

前端工程复杂度常被低估,其难点在于运行环境不可控。与后端稳定的服务器不同,前端代码需兼容各类浏览器、插件及低端设备。核心挑战包括请求竞态导致的数据错乱,以及环境篡改引发的白屏崩溃。

前端工程化 JavaScript 浏览器兼容性
6
0
工作 5 年后,决定你薪资上限的究竟是什么?

工作 5 年后,决定你薪资上限的究竟是什么?

AI淘汰的是机械化的前端古法编程,而非工程师本身。文章指出,五年后薪资分水岭在于能否掌握数据定义权、构建工程兜底能力,并转向以业务价值为导向的架构决策。

前端架构 Web前端 AI编程
5
0
为什么在 2026 年,MPA(多页面应用)正在悄悄复辟?

为什么在 2026 年,MPA(多页面应用)正在悄悄复辟?

SPA因内存生命周期长导致内存泄漏和状态污染,需复杂客户端逻辑补救。现代MPA借助HTTP/3、边缘节点和浏览器缓存,实现极速页面跳转,路由与鉴权回归服务端,代码更简洁安全。除重度交互应用外,多数场景无需全站打包为巨型JS应用。

SPA MPA 多页面应用
5
0
为什么大厂对前端算法要求极高?

为什么大厂对前端算法要求极高?

大厂前端面试侧重算法筛选智商与抗压能力,实际业务却以表单表格为主。文章指出,高级开发者应通过抽象状态机和动态渲染引擎,将枯燥需求转化为底层架构设计,从而突破职业上限。

前端算法 大厂算法题 前端面试
11
0
2026 年前端大洗牌:React 服务端到 Vite 的底层重构

2026 年前端大洗牌:React 服务端到 Vite 的底层重构

2026年前端已转向服务端渲染与编译优化,React 19、Astro 5等框架通过零JS输出和孤岛架构,彻底消除客户端运行时负担。Vite 8基于Rust重构,构建速度提升数十倍,性能内卷成为核心。技术选型需适配业务场景,而非盲目追新。

RSC Astro Islands Qwik Resumability
7
0
为什么 Cloudflare 能做到毫秒级冷启动,而其它云厂商却不行?

为什么 Cloudflare 能做到毫秒级冷启动,而其它云厂商却不行?

Cloudflare Workers通过V8 Isolates技术实现零毫秒冷启动,彻底颠覆传统Serverless依赖微虚拟机的慢启动模式。它以牺牲Node.js生态和底层系统权限为代价,强制使用Web标准API,换取极致边缘性能与免费额度。

Serverless 冷启动 V8 Isolates
12
1
为什么很多人觉得前端很简单?

为什么很多人觉得前端很简单?

前端看似简单,实则复杂远超表象。视觉反馈快感掩盖了90%的隐性工作量,包括对抗失控的宿主环境、处理异步竞态灾难和防范内存泄漏。资深工程师用复杂机制伪装出简洁界面,在机器逻辑与人类行为间架起桥梁。

前端工程化 异步竞态 SPA
10
1
前端大裁员背后的恐慌:我们还剩什么底牌?

前端大裁员背后的恐慌:我们还剩什么底牌?

AI冲击下,前端圈陷入恐慌,企业大幅裁撤初中级岗位。但AI仅替代模板化编码,无法处理竞态、降级、缓存等生产环境兜底逻辑。未来价值在于工程判断与风险控制,前端架构师需将AI生成代码收敛至稳固业务模型,转型把控质量与架构才是出路。

前端恐慌 AI代码生成 工程判断力
4
0
为什么业务型前端容易遭遇中年危机?

为什么业务型前端容易遭遇中年危机?

业务型前端面临中年危机,核心问题在于缺乏工程深度与兜底能力。仅掌握框架和组件使用,难以应对复杂网络环境、异常处理及性能优化等真实场景挑战,易被AI或年轻开发者替代。真正不可替代的是对工程质量的敬畏和解决深层技术难题的能力。

前端工程化 异常处理 网络优化
7
0
Vue 和 React 真正的差距,不在语法,而在团队犯错成本

Vue 和 React 真正的差距,不在语法,而在团队犯错成本

React 与 Vue 的本质区别在于:前者给予开发者极大自由度,但需团队具备高水平才能避免常见陷阱;后者通过底层机制自动兜底,显著降低犯错成本,更适合多数业务场景。选择框架应基于团队实际情况,而非盲目追求技术优越感。

React Vue 前端框架
8
1
为什么 AI 写前端时,总是优先选择 React,而不是 Vue?

为什么 AI 写前端时,总是优先选择 React,而不是 Vue?

AI编程工具默认生成React+Tailwind代码,而非Vue,本质是模型对语言结构纯粹性的偏好。React的JSX在AST层面更接近标准JS,而Vue的模板与脚本分离增加了模型理解成本,导致生成质量下降。

React Vue3 Tailwind CSS
8
0
为什么你的大文件断点续传,一遇到弱网就崩溃?

为什么你的大文件断点续传,一遇到弱网就崩溃?

大文件上传在弱网环境下易失败,标准切片上传方案缺乏并发控制与容错机制,导致页面崩溃、上传卡死。需实现原生并发队列、错误重试、状态持久化等优化措施,才能保障真实网络环境下的上传稳定性。

大文件上传 Blob.slice Promise.all
14
0
前端架构师的克制:什么时候该坚决对新技术说不?

前端架构师的克制:什么时候该坚决对新技术说不?

前端技术更新频繁,团队盲目追新易导致项目混乱。真正高级的架构师应克制引入未经验证的新技术,优先解决实际业务痛点,用稳定、可靠的方式保障项目长期可维护性与性能。

前端架构 技术选型 FOMO焦虑
16
0
Node.js 还能再战十年?给你一个不换引擎的理由

Node.js 还能再战十年?给你一个不换引擎的理由

Nub 是一个用 Rust 编写的 Node.js 增强工具,旨在提升开发体验而非运行时性能。它通过优化冷启动、环境变量加载、TypeScript 执行和依赖管理等环节,显著加快了开发流程中的工具链响应速度,同时保持与现有 Node.js 生态的兼容性。

Node.js TypeScript Rust
51
1
AI 写代码越快,为什么 Code Review 越不能省?

AI 写代码越快,为什么 Code Review 越不能省?

AI编码提效显著但隐患突出,易生成格式完美却逻辑有缺陷的代码。传统人工审查难以应对海量产出,需结合严格工程规范与AI校验机制,防范运行时错误、内存泄漏及依赖幻觉等风险,确保代码质量与系统稳定。

AI代码生成 前端自动化 代码审查
18
0
前端工程师最终会变成 AI工程师?

前端工程师最终会变成 AI工程师?

前端工程师因擅长异步流控制与实时通信等核心技能,成为AI应用开发主力。他们精通的SSE、Promise、JSON Schema等技术,正是构建AI Agent的关键基础。相比后端,前端更贴近用户交互和体验优化,在生成式UI和流式渲染中发挥不可替代的作用。尽管曾面临被AI取代的焦虑,但事实证明,最懂用户的前端反而是AI时代最值钱的岗位。

前端开发 AI应用 异步编程
39
1
多标签页并发请求导致 Token 刷新失败?只有 15行代码就能解决 !

多标签页并发请求导致 Token 刷新失败?只有 15行代码就能解决 !

Web Locks API 可优雅解决多标签页并发刷新导致的 Token 冲突问题,避免用户被强制下线。通过浏览器原生锁机制,确保同一时间仅一个标签页执行刷新,其他页面自动排队等待,无需复杂跨页通信逻辑,提升系统稳定性与用户体验。

Web Locks API Token 刷新机制 多标签页同步
34
0
如何实现 0 毫秒无感页面跳转?聊聊被低估的 Speculation Rules API

如何实现 0 毫秒无感页面跳转?聊聊被低估的 Speculation Rules API

Speculation Rules API 是 2026 年主流浏览器支持的原生 Web 标准,通过后台预渲染实现 0 毫秒跳转。它无需复杂框架逻辑,利用浏览器闲置资源提前加载页面,显著提升用户体验。

Speculation Rules API Prerender Prefetch
30
0
从 15MB 减到 800KB,一行 ffmpeg 解决3D 渲染卡顿问题

从 15MB 减到 800KB,一行 ffmpeg 解决3D 渲染卡顿问题

在前端实现360度商品预览的三种技术方案,最终采用视频帧控制(Video Scrubbing)方案,并通过ffmpeg优化视频编码参数,解决了移动端滑动卡顿问题,实现了高性能、低功耗的3D交互体验。

3D交互 Video Scrubbing ffmpeg
20
0
求求你们🙏 ,别再换打包工具了?

求求你们🙏 ,别再换打包工具了?

前端构建工具迁移需谨慎,盲目追求新技术可能带来巨大风险与成本。除非现有方案严重影响开发效率,否则不建议频繁更换底层工具。真正的问题往往在于架构而非工具本身。

前端工程化 构建工具 Webpack
20
1
为什么我不建议普通前端盲目卷全栈?

为什么我不建议普通前端盲目卷全栈?

前端到了第 5 年,最容易骗自己的能力,就是我代码写得很快。

前端独立开发 Serverless Cloudflare Workers
54
1
卷AI、卷算法、2026 年的前端工程师到底在卷什么?

卷AI、卷算法、2026 年的前端工程师到底在卷什么?

2026春招一线面试官复盘:大模型、RAG、Agent满天飞,但90%的前端只会调用API

前端面试 AI前端 大模型
43
0
OpenClaw 跟病毒的区别是什么?🤷‍♂️

OpenClaw 跟病毒的区别是什么?🤷‍♂️

从 Webpack OOM 报错,到删除 node_modules、篡改依赖、甚至执行 chmod 777

OpenClaw AI Agent 前端开发
36
1
前端资质越高,越来越不敢随便升级框架?

前端资质越高,越来越不敢随便升级框架?

一次将 React 17 升级到 React 19、并替换 Webpack 为 Rsbuild 的 PR,引发的真实技术反思。

前端 前端框架升级 前端工程化
31
0
为什么很多工作 5 年的前端,身价反而卡住了?🤷‍♂️

为什么很多工作 5 年的前端,身价反而卡住了?🤷‍♂️

做了5年前端,熟练掌握Vue/React、用着Cursor等AI工具,代码写得飞快,为什么薪资却停滞了?

前端 5年前端 前端职业瓶颈
58
5
OpenClaw 很爆火,但没人敢聊它的权限安全🤷‍♂️

OpenClaw 很爆火,但没人敢聊它的权限安全🤷‍♂️

OpenClaw 部署教程很多,但安全问题却很少被提及

OpenClaw AI Agent 企业部署
37
2
前端的设计模式?我觉得90%都是在过度设计!

前端的设计模式?我觉得90%都是在过度设计!

设计模式曾经是软件工程的重要思想,但在 React 和 Vue 等现代前端框架中,很多经典模式已经不再适用。

前端 设计模式 架构设计
62
0
我会如何考核一个在简历里大谈 AI 提效的高级前端?

我会如何考核一个在简历里大谈 AI 提效的高级前端?

2026 年前端面试还在写熟练使用 AI 提效?在资深面试官眼里,这几乎等于废话。

前端 AI 面试
98
5
全栈开发者的谎言:什么都会 = 什么都不精?

全栈开发者的谎言:什么都会 = 什么都不精?

全栈工程师真的存在吗?从 Node.js 并发问题谈技术深度与职业误区

全栈 技术深度 职业发展
72
0
2026 年AI 能生成代码,但都是一坨屎😒

2026 年AI 能生成代码,但都是一坨屎😒

当 AI 能在 3 秒内生成 300 行完美代码,为什么我却删掉了它?

前端 AI 编程 AI
78
0
前端开发,真的有必要学Docker吗?

前端开发,真的有必要学Docker吗?

很多前端都在纠结:Docker 到底是不是必学技能?本文从前端实际工作场景出发,拆解 Docker 对前端开发的真实价值、适用边界,以及什么情况下可以不学,帮你避免盲目内卷

前端开发 Docker 开发工具
68
2
技术、业务、管理:一个30岁前端的十字路口

技术、业务、管理:一个30岁前端的十字路口

技术、业务、管理:一个30岁前端的十字路口

前端 30岁 职业生涯
83
0
说实话,React的开发体验,已经被Vue甩开几条街了

说实话,React的开发体验,已经被Vue甩开几条街了

说实话,React的开发体验,已经被Vue甩开几条街了

React Vue 开发体验
83
2
我为什么说全栈正在杀死前端?

我为什么说全栈正在杀死前端?

我为什么说全栈正在杀死前端?

前端开发 全栈开发 职业发展
72
2
我用 Gemini 3 Pro 手搓了一个并发邮件群发神器

我用 Gemini 3 Pro 手搓了一个并发邮件群发神器

我用 Gemini 3 Pro 手搓了一个并发邮件群发神器

Turbo Mail Sender Gemeni 3 Pro AI
80
3
为什么我开始减少逛技术社区,而是去读非技术的书?

为什么我开始减少逛技术社区,而是去读非技术的书?

为什么我开始减少逛技术社区,而是去读非技术的书?

技术社区 非技术 感想
131
3
年薪 50W 的前端,到底比年薪 15W 的强在哪里?

年薪 50W 的前端,到底比年薪 15W 的强在哪里?

年薪 50W 的前端,到底比年薪 15W 的强在哪里?

前端 年薪 感想
126
14
当 Gemini 3 能写出完美 CSS 时,前端工程师剩下的核心竞争力是什么?

当 Gemini 3 能写出完美 CSS 时,前端工程师剩下的核心竞争力是什么?

当 Gemini 3 能写出完美 CSS 时,前端工程师剩下的核心竞争力是什么?

前端 AI CSS
76
1
别再吹性能优化了:你的应用卡顿,纯粹是因为产品设计烂🤷‍♂️

别再吹性能优化了:你的应用卡顿,纯粹是因为产品设计烂🤷‍♂️

别再吹性能优化了:你的应用卡顿,纯粹是因为产品设计烂🤷‍♂️

前端 性能优化 产品
58
3
前端真的需要懂算法吗?聊聊感受

前端真的需要懂算法吗?聊聊感受

前端真的需要懂算法吗?聊聊感受

前端 算法 感想
76
2

喜欢我的系列 Blog 吗?你也可以部署一份属于你的第三空间!

详细的 🚀部署文档 以帮你安排好! 你的 Star 是对我持续开发的最大鼓励!点击右侧按钮前往 GitHub 支持我。

欢迎 Star !