前端技术文章

作为锚点。JavaScript 也可用于平滑滚动效果。代码示例：返回顶部 CSS（可选平滑">

文章 · 前端   |  2个月前  |  

CSS控制滚动条在padding外显示的技巧

overflow必须设置在有明确尺寸限制且内容溢出的内层盒子上才有效；外层盒子仅负责padding等留白，不设overflow，内层设height/max-height与overflow-y:auto。

176 收藏

文章 · 前端   |  2个月前  |  

navigator.onLine 监听网络变化并触发同步

navigator.onLine仅提供当前网络状态快照，不能直接触发同步；正确做法是offline事件暂存任务到本地存储，online事件或页面加载时主动执行幂等同步，并需防范假在线、时效性等实际问题。

499 收藏

文章 · 前端   |  2个月前  |  

aria-pressed的正确用法及实战示例

aria-pressed用于标识按钮的“按下”状态，适用于切换行为的按钮。1.它不是描述按钮是否可点击，而是反映其当前状态，如静音或播放/暂停按钮；2.可用在原生<button>或带role="button"的元素上；3.其值为true、false或mixed，需通过JavaScript动态更新以匹配视觉状态；4.与aria-checked（复选框状态）和aria-selected（集合中选中项）不同，分别应用于不同语义场景；5.动态更新至关重要，确保屏幕阅读器能实时反馈状

341 收藏

文章 · 前端   |  2个月前  |  

CSS单侧边框设置方法详解

border-left没生效主要因三点：未设border-style、父容器overflow:hidden裁剪或元素为inline需改display；Retina屏模糊需用0.5px或transform缩放；flex中推荐gap+border-right替代以避免宽度计算错误。

316 收藏

文章 · 前端   |  2个月前  |  

V8 隐藏类优化对象访问速度技巧

HiddenClasses是V8为相同属性结构对象动态生成的内部类型描述，决定属性访问是否启用内联缓存；结构不稳定（如delete、乱序添加、类型变更）会触发字典模式，性能降2–5倍。

100 收藏

文章 · 前端   |  2个月前  |  

在 HTML 中，CSS 并不支持 rem() 函数用于数学运算（如取余），rem() 是一个单位函数，用于设置字体大小等样式属性。因此，无法直接通过 CSS 的 rem() 函数来计算两个值的余数并保留被除数的符号。如果你是想在 JavaScript 中实现类似功能，可以使用 % 运算符，并结合 Math.sign() 来保留被除数的符号。例如：function remainderWithSig

CSS中没有rem()函数，因为rem是长度单位而非计算函数；真正支持数值计算的只有calc()、min()、max()、clamp()，且均不支持取余运算。

408 收藏

文章 · 前端   |  2个月前  |  

CSS Grid快速构建Tab选项卡组件方法

不能直接用grid-template-rows切换Tab内容，因其仅定义轨道而非控制显隐；应由display/visibility/inert等机制配合Grid布局实现，结构上用tab-container+tab-content分离布局与状态。

276 收藏