-
CSS定位布局核心是理解position与文档流关系：relative原地微调不脱流，absolute脱离文档流认父定位，fixed锁定视口，sticky滚动时相对转固定。444 收藏 -
HTML本身不是编程语言，不消耗CPU；网页卡顿主因是JavaScript执行、CSS渲染、DOM重排重绘，在低压CPU上因频率低、缓存小、单核弱而被显著放大。444 收藏 -
可用document.querySelectorAll('audio,video')判断媒体元素是否存在，但需注意执行时机；若需排除空壳元素，应检查src、source子元素或readyState；canPlayType()返回字符串而非布尔值，实际应用推荐监听canplay事件。444 收藏 -
必须用<section>而非<div>的条件是：内容有独立主题、含<h1>–<h6>标题、能被单独理解或复用；否则应使用<div>，因其无语义，更可靠且兼容性更好。444 收藏 -
window.confirm是阻塞式原生确认机制，必须显式判断返回值控制流程，不可用于防刷新/关闭，文案需明确动作后果且语义清晰。444 收藏 -
tbodytr:hover有效需满足：HTML中显式存在tbody标签，且结构符合标准表格（thead/tbody/tfoot）；触屏设备默认不支持hover，需用@media(hover:hover)或touchstart/touchend模拟；避免pointer-events:none、优先级冲突及transition:all引发的布局抖动。444 收藏 -
本文介绍如何利用Python内置模块快速启动一个轻量级HTTP服务器，无需部署即可通过局域网在手机浏览器中访问本地网页项目，实现跨设备响应式调试。444 收藏 -
Object.freeze仅浅冻结，嵌套对象仍可修改；deepFreeze需递归实现并严格在模块加载最前端执行，否则引用已缓存导致失效；冻结前须切断原型链、禁用代理与访问器。444 收藏 -
HTML结构直接影响首屏渲染性能：未压缩HTML、同步脚本、内联样式、DOM节点过多、px单位滥用等均导致延迟与掉帧；需压缩HTML、移除阻塞资源、用虚拟滚动/Canvas、vh/vw单位及动态rem适配，并从HTML顶部埋点监控。444 收藏 -
JavaScript性能优化的核心是减少主线程阻塞、降低资源加载开销、提升执行效率；需代码分割与按需加载、合理使用defer/async、拆分长任务、启用虚拟滚动、节流防抖及善用原生API。444 收藏 -
justify-content:space-between对末行无效是因为它仅按每行子项总宽与容器宽计算等分空隙，末行子项少导致空隙右堆；伪元素占位需满足：父容器flex+wrap、content:""、flex:00同子项宽。444 收藏 -
本文详解如何使用CSS媒体查询与jQuery动画协同控制侧边菜单：在桌面端保持350px宽度，在移动端（≤767px）自动适配为全屏宽度，并确保打开/关闭动画精准、隐藏逻辑可靠。443 收藏 -
SPA需路由控制、视图更新、状态管理协同实现，核心是history.pushState改URL不刷新、popstate监听前进后退、动态DOM替换更新内容。443 收藏 -
<p>通配符选择器的核心用途是“打底重置”，最合理用法为{box-sizing:border-box;}；*{margin:0;padding:0;}已过时，易破坏语义元素默认样式；性能敏感或结构明确场景应避免使用，推荐用具体选择器替代。</p>443 收藏 -
position:relative在响应式设计中用于微调元素位置及作为绝对定位的参考容器，通过配合媒体查询可实现不同屏幕下的动态定位调整，且不脱离文档流，避免布局错乱，适用于图标、标签、卡片等组件的精确定位与视觉优化。443 收藏
