web前端笔记 - 找找网

密码登录烦不烦，密钥（Passkeys）到底怎么玩？

每次登录网站都得输一长串密码，记不住还得点“忘记密码”，这套流程早就该翻篇了。最近圈子里总在聊一种叫“密钥（P…
父子样式总冲突，has伪类咋样破局

在网页开发中，经常碰到想给父容器加个背景，但前提是容器里面得包含某个特定子元素。以前只能靠JavaScript…
网页焦点说丢就丢，键盘侠咋办？，:focus-visible拯救盲操体验

好多网站一点击按钮，那个蓝色的焦点环就神秘消失，键盘党直接原地破防。这玩意儿叫“焦点指示器”，没了它，用Tab…
屏幕阅读器导航表单总是卡壳，手把手实操来解围？

当页面上的表单区域堆满输入框，用屏幕阅读器一点一点挪动光标实在让人抓狂。一个不小心就跳过了必填项，提交时才发现…
写CSS总被条件判断难住，2024年这些新特性真能救场？

从2024年6月的CSS工作组会议透出的风声看，一大波新玩意儿正在路上。像是if()条件函数、跨页面平滑切换、…
想用纯代码做气球爆破游戏，弹出层API到底有多能整活？

只用HTML和CSS也能做出带弹窗、计时器、输赢判断的互动小游戏？没错，Popover API这玩意儿就是这么…
文字间距翻车，规范跟实际渲染为啥打架，咋整？

写网页的时候给文字加个letter-spacing想让字松快点，结果发现居中的按钮文字偏左了，或者从右往左读的…
想办场程序员专属的慈善演出，从组乐队到上代码咋整？

看到Brad Frost生日搞的那场Frostapalooza，直接把原子设计理论搬上舞台，现场屏幕滚动Cod…
网页滚动想整橡皮筋回弹效果，纯CSS咋搞定？

移动端那些丝滑滚动，拉到尽头还能继续拖一截，松手就“嗖”一下弹回去，这玩意儿江湖人称“橡皮筋滚动”或者“回弹滚…
堵车时跟车越近走得越快吗，为啥说拉开距离才是真老司机？

早高峰那叫一个酸爽，前车屁股都快贴到保险杠了，一脚油门一脚刹车，开不到两百米就累得脚脖子发酸。这种走走停停的节…

WEB笔记

密码登录烦不烦，密钥（Passkeys）到底怎么玩？

父子样式总冲突，has伪类咋样破局

网页焦点说丢就丢，键盘侠咋办？，:focus-visible拯救盲操体验

屏幕阅读器导航表单总是卡壳，手把手实操来解围？

写CSS总被条件判断难住，2024年这些新特性真能救场？

想用纯代码做气球爆破游戏，弹出层API到底有多能整活？

文字间距翻车，规范跟实际渲染为啥打架，咋整？

想办场程序员专属的慈善演出，从组乐队到上代码咋整？

网页滚动想整橡皮筋回弹效果，纯CSS咋搞定？

堵车时跟车越近走得越快吗，为啥说拉开距离才是真老司机？

最新发布