暂无文章发布记录
html cursor鼠标样式自定义
用 HTML 与 CSS 自定义光标:让页面点击更有质感 在网页上,一个鼠标悬停的光标往往能传递出微妙的交互信号。默认的指针样式大多趋同,想要在用户点击时带来新鲜感,自定义光标是个不难入手的提升点。本文将从动机、实现方式、兼容与细节入手,给出一套可直接落地的方案,帮助你在项目中灵活使用光标。 为什么要自定义光标 想象你在做一个作品展示页,用户在浏览时,光标悬停在作品上会变成一个小手,点击即触发细节...
阅读原文
html pointer-events事件控制
用指针事件把控网页交互的微妙分寸 网页上的点击、拖拽、悬停,这些本应自然发生的交互,很多时候会被意外打断或误触发。在需要区分“可点可拖”和“仅视觉反馈”的场景里,PointerEvents API 提供了一种更细粒度的控制方式,比传统的 mouse* 事件更贴近触点设备,也更易管理复杂交互。掌握它,能让你在做表单、弹窗、地图和手势协同时少踩坑、多省心。 从“想点就点”到“可控的点击” 在需要阻止点...
阅读原文
html user-select文本选择
用 CSS 保留你的文字:HTML 中的 user-select 实战与取舍 在日常的网页体验里,选中一段文字常让人联想到复制、粘贴或错误选择。要让页面在可复制与用户可控之间取得平衡,CSS 的 user-select 给了直接而有效的手段。它不依赖 JavaScript,也不需要复杂交互,能直接控制文字是否可被选中,适用于表格、代码块、富文本区域等场景。 为什么需要控制 user-select ...
阅读原文
html touch-action触摸优化
用对 touch-action:让移动端滑动更顺滑、点击更稳 移动端的滑动体验,很多时候就差一个触摸属性的微调。touch-action 并不是炫技的黑科技,而是藏在 CSS 中能直接影响滑动、点击与滚动协同的开关。用对它,能减少不必要的手势冲突,提升页面的稳定性和流畅度。 从冲突到协同:为什么需要调整 touch-action 在常见的列表或卡片页,手指刚触碰页面,浏览器就可能同时启用缩放、滚动...
阅读原文
html will-change性能优化
用 will-change 优化渲染性能:少折腾、看得快 在页面滚动或动画中,浏览器常会把元素从复合层(composite)切出,触发重排与重绘,页面会“卡一拍”。想在不牺牲动画平滑度的前提下把卡顿感降下来,一个值得细抠的渲染优化点是 CSS 的 will-change。 为什么它能帮你“看”得更快 will-change 并不直接控制渲染,而是给浏览器一个“关注点”:它在哪些属性上需要更精细的合...
阅读原文
说说:#2026-04-12 23:33
woc,前两天发的那个说说怎么被误删了春天来了,想要江浙沪皖转一圈嘿嘿,计划了半个多月终于计划好了,打算在月底就去嘿嘿,看那里感觉住宿好贵啊,消费好高呜呜呜晒一晒新买的键盘键帽,真好看!
阅读原文
CN 域名隐私保护免费了
根据中国互联网络信息中心 CNNIC 最新政策通知,为了满足用户对隐私保护需求,同时维护 “.CN”,“.中国” 域名的隐私保护服务秩序,规范域名隐私保护服务行为,自 2026年4月10日 起,将免费提供 “.CN”、“.中国” 域名的隐私保护服务。
阅读原文
友情链接
Friends & Partners