-
-
CSS加载动画：关键帧改变盒模型尺寸
-
用@keyframes改变width或height没效果，是因为这些属性不支持auto值插值、行内元素默认不响应、父容器尺寸不定导致计算失败；应改用transform或max-height替代。
-
文章 ·
前端
| 2天前 |
265浏览
收藏
-
-
HTML设置宽高比步骤详解
-
直接给<img>设aspect-ratio大概率无效，因其是替换元素，需作用于外层容器并配合width或max-width才能生效；现代浏览器中应优先用aspect-ratio:16/9配合object-fit和块级显示确保比例与渲染一致。
-
文章 ·
前端
| 2天前 |
211浏览
收藏
-
-
手动控制长列表页面刷新后视口位置
-
history.scrollRestoration='manual'仅禁用浏览器自动恢复滚动位置，不触发置顶；刷新后仍可能保留旧位置，需配合beforeunload和pageshow事件手动调用scrollTo(0,0)才能稳定回顶。
-
文章 ·
前端
| 2天前 |
287浏览
收藏
-
-
HTML隐藏字段怎么用？表单操作详解
-
有效写法是<inputtype="hidden"name="xxx"value="yyy">，name必填且唯一，value设值；JS修改后需确保表单机制捕获变更，禁用或异步更新会导致不提交；不可存放敏感信息，仅用于非敏感上下文标识。
-
文章 ·
前端
| 2天前 |
253浏览
收藏
-
-
移除OpenLayers默认缩放控件方法详解
-
本文详解如何在OpenLayers（v6.5.0+）中彻底禁用默认缩放按钮（+/−），包括初始化时精准配置、动态移除及Vue环境下的实践方案，兼顾可维护性与交互完整性。
-
文章 ·
前端
| 2天前 |
412浏览
收藏
-
-
HTML月历签到实现方法详解
-
应使用JS动态生成日历：通过newDate(year,month,1)算首日星期，newDate(year,month+1,0).getDate()得当月天数；用div挂载、button渲染单元格并绑定data-date；签到状态存localStorage（如"checkin_2024-06"），渲染时比对加checked类；封装renderCalendar(year,month)支持月份切换；添加viewport、touch-action、:active反馈及min-height适配移动端。
-
文章 ·
前端
| 2天前 |
284浏览
收藏
-
-
HTML5表单验证禁用方法及iOS弹窗解决教程
-
禁用HTML5表单默认验证弹窗需在<form>标签中直接添加novalidate属性，并监听submit事件调用event.preventDefault()和form.checkValidity()手动校验，避免动态添加或框架条件绑定导致失效。
-
文章 ·
前端
| 2天前 |
216浏览
收藏
-
-
Web Worker使用场景及方法解析
-
WebWorker不能直接写在HTML中且必须通过HTTP/HTTPS加载，file://协议被浏览器禁止，报错“Scriptat'file://'cannotbeaccessedfromorigin'null'”；需用本地服务器（如http-server）运行，并推荐newWorker(newURL('./worker.js',import.meta.url))写法。
-
文章 ·
前端
| 2天前 |
329浏览
收藏
-
-
REM和EM字体缩放异常解决方法
-
rem在浏览器缩放时表现“异常”是设计行为而非bug，因其基于根元素font-size计算，而缩放会直接放大整个渲染树，导致rem值同比例放大；推荐用clamp()或媒体查询动态设置htmlfont-size以提升可控性。
-
文章 ·
前端
| 2天前 |
286浏览
收藏
-
-
-
JS动态控制select选中状态方法
-
直接操作options集合修改选中项需同步更新selected属性及select的value或selectedIndex；遍历用select.options[i]或for循环；动态增删option后须显式重置选中状态。
-
文章 ·
前端
| 2天前 |
172浏览
收藏
-
-
HTML5视频苹果端位置下沉修复方法
-
iOSSafari中video底部留白是因默认inline渲染及vertical-align导致，最简修复为设置display:block；需配合object-fit实现响应式缩放，并注意autoplay/muted的iOS限制。
-
文章 ·
前端
| 2天前 |
393浏览
收藏
-
