HTML基础

兄弟们，咱们的护城河越来越窄了😭 Gemini 3 的发布会，大家看了没？ 我是在被窝里看完的。看完之后，我直接失眠了。 以前我觉得 AI 写代码也就那样，写个 Todo List 还行，真要上业务逻

大家好😁。 上上周，我们在例会上送别了团队里的一位技术大牛，阿K。 说实话，阿K 的技术底子很强。他能手写 Webpack 插件，熟读 ECMA 规范，对 Chrome 的渲染管线了如指掌。 但最终，

大家好，来了来了😁。 如果你问我，电影史上有哪个镜头，让无数少年瞬间燃起了对计算机世界的无限向往？ 我会毫不犹豫地回答： 《黑客帝国》（The Matrix）开场的那一幕数字雨。 无数绿色的字符，像瀑

大家好，我来了😁。 前端代码在浏览器里是裸奔的。——这几乎是所有开发者的共识。 只要用户按一下 F12，你的源码、你的接口、你的数据结构，全部一览无余。黑客可以修改你的变量，脚本小子可以刷你的接口，竞

大家好😁。 上个月 Code Review，我拦下了一个新人的代码。 他写了一个转账功能，前端做了极其严密的校验： 金额必须是数字。 金额必须大于 0。 余额不足时，提交按钮是 disabled 的。

大家好，我又来了😁。 我们做性能优化，通常盯着的是 首屏加载速度（FCP, LCP）。我们压缩图片、拆分代码（Code Splitting）、上CDN... 拼了老命把首屏时间从 2s 压到了 1s。

大家好😁。 上个月，我们公司的内部敏感文档（PRD）截图，竟然出现在了竞品的群里。 老板大发雷霆，要求技术部彻查：到底是谁泄露出去的？😠 但问题是，文档是纯文本的，截图上也没有任何显式的水印（那种写着

大家好!😁。 Code Review 的时候，我最怕看到什么？ 不是复杂的算法，也不是什么正则。而是明明一个 HTML 标签就能搞定的事，有人非要写几百行 JS + CSS 去重新发明轮子 。 前几天

我们每天的开发，可能都是从一个npm run dev开始的。npm scripts对我们来说，天天用它，但很少去思考它。 不信，你看看你项目里的package.json，是不是长这样👇： 这能用吗？当

我带团队Review一个新项目的启动代码时，有一个文件我一定会仔细看，那就是CSS Reset。 它虽然不起眼，但却像我们整个CSS架构的地基。地基打不好，上面的楼盖得再漂亮，也容易出问题，后期维护成

最近在Code Review里，我看到一个新同学在一个vite.config.js里，习惯性地加上了@vitejs/plugin-legacy，用来支持旧版浏览器。 我问他：“我们的目标用户里，真的还

我们来想象一个场景：你正在一个电商网站上，精心挑选了半小时的商品，填好了复杂的收货地址，满心欢喜地点击提交订单 Button。 突然，页面Duang🎈地一下，跳转到了登录页，并提示你：“登录状态已过期

在2025年的今天，我想说一句可能会被很多同行喷的话🤯： 我个人认为，以styled-components和Emotion为代表的、在运行时注入样式的CSS-in-JS技术，从长远来看，是一项失败的技

我在Code Review里最怕看到的代码之一，就是手写正则去解析URL参数。 每次看到类似下面这样的代码，我的血压就忍不住要升高： 或者这种split链式调用： 这段代码，乍一看好像能用。但作为工程

最近一个月，为了给团队补充新鲜血液，我密集面试了差不多20位前端候选人，从刚毕业的新人到有三五年经验的都有。 面试得多了，我发现一个很有意思，甚至有点反常识的现象：现在很多候选人的知识结构，好像是个倒

还在当一线开发的时候，我最怕半夜接到电话，说：线上出问题了！！！。 那时候我们对线上环境几乎是两眼一抹黑。一个功能发布后，它在线上跑得快不快、有没有报错、用户到底喜不喜欢用，我们一概不知。出了问题，只

上周，我看到我们组一个很努力的新人，午休时间还在看一篇关于“Astro Island Architecture”的文章，眉头紧锁。 我走过去问他，最近在研究这个吗？ 他说：“不是，就是看社区里大家都在

如果要评选一个前端最“反人类”的Web API，document.cookie绝对能排进前三。 干了这么多年，我每次在代码里看到需要手动拼接、用正则表达式去解析document.cookie的场景，都

Modal弹窗，可以说是我们前端UI界面里的“标配”了。但这个组件，恰恰是团队里代码质量的“重灾区”。 我见过太多用div手写的弹窗了：z-index满天飞、焦点管理一塌糊涂、背景页面还能滚动、Esc

我们做前端，经常会遇到国际化（i18n）的需求。最常见的就是，如何根据用户的地区，显示不同格式的数字、货币和日期。 在不了解Intl对象之前，我们可能会写出这样的代码： 这段代码不仅繁琐、难以维护，而