前端基础

写过前端的人大概都遇到过这样的场景：页面加载很慢，或者脚本报错说某个变量没定义，排查半天发现是 <script> 标签的加载方式出了问题。async、defer、type="module...

最近这半年，身边越来越多同事开始用 AI 写代码。效果确实惊艳：函数命名规范、注释齐全、代码风格统一，甚至比很多老手写得还整洁。 但用得多了，我发现一个挺隐蔽的问题——代码好看，不代表代码好用。尤其是...

如果你写前端超过两年,大概率被 ESLint 或者 Code Review 提醒过:"外链记得加 rel="noopener noreferrer""。这条规矩已经变成一种肌肉记忆,很多人写的时候根本...

<a> 标签可能是每个前端人写的第一个标签之一。简单到什么程度？<a href="xxx">点这里</a>，三分钟就能学会。 但也正因为太简单了，很多人从第一天写到...

最近但凡聊到"AI 时代的 SEO"，总有人把"语义化 HTML"搬出来说事,好像只要把 <div> 换成 <article>、<section>,流量就会自己涨...

每隔一段时间，前端圈子里就会冒出一轮"原生表单验证是不是过时了"的讨论。起因通常是这样的:有人写了个 required、type="email",发现提示框丑得像 Windows 98,于是转头就上了...

前端这几年被 JS 框架"惯坏"了。想做个折叠面板？先装个组件库。想做个弹窗？再引入一个 modal 插件。想做个下拉多选？继续加依赖。 但很多时候，浏览器早就把这些功能做好了，只是我们没用而已。这篇...

如果你已经写了好几年 CSS，可能会觉得"选择器"这种基础话题没什么好聊的——不就是 .class、#id、div > p 那一套吗？但这几年 CSS 选择器其实悄悄发生了一次大升级，很多以前只...

先说结论：不需要无脑写一整套前缀了，但也不是完全用不上 -webkit-。 这事儿不是"要不要"的选择题,而是"哪些还要、哪些早该删"的甄别题。往下看,咱们把这事儿说清楚。 前缀是怎么来的 十几年前...

写 CSS 写久了，大家都背过一条规则：display: inline 的元素不能设置宽高，vertical-align 只对行内元素有意义,诸如此类。但很多人会发现一个奇怪的现象：<img&g...