web前端笔记 - 找找网

图片体积太大咋办，AVIF格式真能省一半空间？

网页加载慢很多时候是图片拖后腿。AVIF这种新格式能把JPG直接砍掉一半体积，画质还差不多。下面说说怎么用浏览…
文本截断老是出幺蛾子，那个多出来的按钮咋个藏法？

搞前端的老铁们都知道，文本溢出打点（text-overflow: ellipsis）这事儿看着简单，真上手全是…
CSS里藏了个AI，玩井字棋怎么总是输给样式表？

听说过用CSS写游戏吗？不是那种简单的点击换色，而是真刀真枪的AI对战。最近网上冲浪发现个硬核玩法，利用:ta…
锚点定位新特性踩坑，怎么解决那些让人懵圈的问题？

锚点定位API刚上线那会儿，看着文档觉得真香，结果一动手写代码，各种奇奇怪怪的问题就蹦出来了。包含块突然变样、…
网页表单报错信息生硬，怎么用原生方法实现多语言自定义提示？

很多网站的表单提交时，弹出来的报错提示都是浏览器自带那一套——要么是“请填写此字段”，要么是英文的“Pleas…
CSS文本框上下自带留白，text-box-trim和text-box-edge咋整？

写页面时常常遇到这种破事：明明给标题设了margin-bottom: 50px，结果肉眼看上去像是有八九十像素…
网站重制焦点乱跳，Polypane Outline标签咋排查？

搞个人网站HD重制时碰上焦点顺序bug，键盘导航乱成一锅粥。翻出Polypane浏览器里的Outline标签页…
网站参考文档想扩容，老架构不给力咋整，有没有一套靠谱的搬砖方案

搞过网站内容架构的兄弟都懂，那种一开始只设计了两三个分类的知识库，后面想塞进更多类型的内容时，有多想砸键盘。C…
颜色调不准，CSS里有没有像调色盘一样混颜色的方法？

在CSS里折腾颜色，以前想搞个半透明或者混合色，要么算十六进制，要么用PS取色，麻烦得一批。现在好了，浏览器原…
2024年CSS规则井喷，咋用@supports检测新特性？

写代码时总碰上一些摸不着头脑的CSS新规则？2024年一口气冒出7个@规则，比过去十年加起来还多。本文扒一扒这…

WEB笔记

图片体积太大咋办，AVIF格式真能省一半空间？

文本截断老是出幺蛾子，那个多出来的按钮咋个藏法？

CSS里藏了个AI，玩井字棋怎么总是输给样式表？

锚点定位新特性踩坑，怎么解决那些让人懵圈的问题？

网页表单报错信息生硬，怎么用原生方法实现多语言自定义提示？

CSS文本框上下自带留白，text-box-trim和text-box-edge咋整？

网站重制焦点乱跳，Polypane Outline标签咋排查？

网站参考文档想扩容，老架构不给力咋整，有没有一套靠谱的搬砖方案

颜色调不准，CSS里有没有像调色盘一样混颜色的方法？

2024年CSS规则井喷，咋用@supports检测新特性？

最新发布