前端 · 相关文章

• 11 

  CSS 鼠标滑过 hover 效果怎么写？防抖动、触屏隔离与无障碍

  讲解鼠标滑过hover效果的CSS优先实现（卡片浮起用transform加box-shadow、图片scale需容器overflow hidden、淡入用opacity而非display、::after配scaleX做下划线展开），指出抖动四类成因是改边框尺寸挤动布局...

  发布于 2025-09-09 365文章 阅读全文 »
• 13 

  怎么查看网页源代码？Ctrl+U、DevTools 面板分工与调试要点

  区分Ctrl+U查看服务器最初下发HTML、F12 Elements查看JS改动后的运行时DOM与Network查看全部资源请求三者差异，说明样式被划掉代表被覆盖、Computed区看最终生效值，讲解用Fetch/XHR过滤器看Status与Pa...

  发布于 2026-05-20 365文章 阅读全文 »
• 32 

  hasOwnProperty 怎么区分自有属性与原型属性？Object.hasOwn 才是正解

  解析JavaScript原型链属性查找机制并对比in运算符、hasOwnProperty与Object.keys在自有属性和原型属性上的判定差异，指出用Object.create(null)创建的对象与JSON数据含hasOwnProperty键时直接调用会抛TypeError，...

  发布于 2025-09-30 365文章 阅读全文 »
• 11 

  HTML 元素转 JavaScript 对象：DOM 属性、dataset 与 HTML 字符串解析

  区分HTML转DOM对象与HTML字符串转JSON两类需求，给出用tagName、classList、attributes、dataset、offsetWidth、getComputedStyle、textContent等字段把元素封装成JS对象的遍历函数，说明getBoundingClientRect与offsetLeft的...

  发布于 2024-05-21 365文章 阅读全文 »
• 11 

  HTML iframe 自适应高度：onload 动态计算与跨域 postMessage 方案

  针对iframe固定高度导致内外双滚动条问题，说明跨域下读取contentDocument会因同源策略抛SecurityError且无法绕过，给出同源方案onload取body与documentElement的scrollHeight最大值并用ResizeObserver持续跟随，...

  发布于 2025-06-11 365文章 阅读全文 »
• 38 

  CSS background-image 路径规范：url() 相对基准、多倍图与 404 排查

  详解CSS background-image中url()相对路径以CSS文件位置为基准而非HTML页面这一核心规则，给出相对路径、站点根相对路径、绝对URL三种写法示例与多倍图媒体查询规范，整理404、403、混合内容、声明...

  发布于 2025-08-08 365文章 阅读全文 »