前端技术文章
-
能，fit-content仅在grid-template-columns/rows的单个轨道中生效，需带参数如fit-content(200px)，表示min(max-content,200px)，不支持grid-auto-columns或Flexbox。488 收藏 -
required校验仅在表单提交或调用checkValidity()/reportValidity()时触发，不实时响应输入；对hidden无效，checkbox/radio校验是否选中；需JS配合动态控制、自定义提示及移动端兼容处理。488 收藏 -
Lighthouse自定义指标是通过UserTimingAPI在页面中插入以user-开头的mark和measure，用于监控特定业务逻辑耗时。开发者可在性能报告中查看这些指标，结合CI/CD实现持续性能追踪，确保关键路径性能可控可优化。488 收藏 -
合理使用CSStransition与background-color可实现按钮悬停、状态提示等平滑颜色过渡，提升界面流畅度与用户体验。488 收藏 -
移动端overflow-y:scroll无惯性滚动是因为iOSSafari仅对body或根容器启用原生惯性，普通元素需加-webkit-overflow-scrolling:touch（iOS必需，Android无效）并设置明确高度才生效。488 收藏 -
<p>box-sizing:border-box是flex对齐稳定的地基，需全局设置为*{box-sizing:border-box;}；慎用margin改用gap控制间距；显式声明align-items避免baseline偏差；用outline和背景色可视化调试。</p>488 收藏 -
HTML页面添加书签的步骤如下：创建书签锚点：在需要跳转的位置使用 标签，并设置 id 属性作为书签名称。第一节内容创建书签链接：在页面其他位置创建指向该锚点的链接，使用 href 指向 #锚点ID。跳转到第一节（可选）优化样式：为书签链接添加样式，提升用户体验。