-
-
HTML实现滚动百分比指示器【经验分享】
-
<p>滚动百分比应使用document.documentElement.scrollHeight-window.innerHeight计算最大可滚动距离，再结合window.scrollY与Math.min/max限定范围，并用requestAnimationFrame节流更新，同时适配暗色模式与移动端弹性滚动。</p>
-
文章 ·
前端
| 12小时前 |
181浏览
收藏
-
-
如何在HTML中引入图标字体库
-
先查all.min.css是否200加载、类名是否匹配v6规范（如fasfa-house）、link标签是否置于head顶部；本地字体404需确保CSS中url路径相对于CSS文件位置，且woff2请求状态码为200。
-
文章 ·
前端
| 6小时前 |
181浏览
收藏
-
-
Flex布局实现等高列技巧
-
使用Flexbox实现等高列只需设置父容器display:flex，子元素会自动拉伸至相同高度。通过flex:1可让各列等宽并填满容器，配合padding、margin和背景色可直观展示等高效果。无论内容多少，列高始终一致，适用于多栏布局、卡片组和响应式设计。关键在于避免子元素设置固定高度，推荐在容器上使用min-height控制最小高度，确保布局灵活性。
-
文章 ·
前端
| 1天前 |
180浏览
收藏
-
-
window.onpageshow 判断 BFCache 恢复方法
-
BFCache恢复需在pageshow中判断event.persisted===true，此时DOM、JS上下文等全保持原样，不触发mounted/DOMContentLoaded/load；pagehide中persisted恒为undefined，不可用。
-
文章 ·
前端
| 1天前 |
180浏览
收藏
-
-
手机如何运行HTML代码【教程】
-
手机运行HTML文件有多种方法：1.用浏览器直接打开本地HTML文件，适合静态页面查看；2.使用HtmlViewer、Dcoder等代码编辑App，支持编写与实时预览；3.通过微信小程序或JSFiddleMobile等在线工具粘贴代码运行，便于快速测试；4.复杂项目建议传至电脑，用专业工具调试。按需选择，灵活高效。
-
文章 ·
前端
| 10小时前 |
html
179浏览
收藏
-
-
是一个布尔属性，表示启用沙箱模式。它会将 iframe 中的内容置于一个隔离的环境中，限制其对主页面的访问和操作能力。2. 常用 sandbox ">