-
本文介绍通过动态控制DOM元素显隐、结合滚动监听实现按需渲染，显著缓解超长HTML页面（2800+行）因一次性加载全部内容导致的卡顿与滚动延迟问题。
-
圣杯布局现在不用float，因flex和grid原生支持多栏流式、等高、自适应，代码更简、调试更易；float实现需手动清浮动、负margin、padding预留等复杂操作，易错且维护难。
-
伪元素::before无法在td上显示内容，因td是替换元素且默认display:table-cell，不支持生成内容；应改用data-label+::before在小屏下实现标题显示。
-
HTML5实时搜索性能优化核心是调用方式匹配浏览器渲染节奏与用户行为：input事件+200–300ms防抖、AbortSignal中断旧请求、Map缓存结果、禁用autocomplete/spellcheck。
-
可使用:placeholder-shown伪类实现输入框为空时的样式变化，需配合placeholder属性，支持Chrome47+等现代浏览器，IE不支持。
-
答案：通过Proxy拦截get/set，结合WeakMap存储依赖，利用effect收集并触发更新，实现响应式系统。具体为reactive创建代理对象，track收集activeEffect依赖，trigger时遍历执行，从而在数据变化时自动更新副作用函数，核心机制与Vue3一致。
-
掌握Git对JS项目至关重要，需先初始化仓库并提交代码，如gitinit、gitadd、gitcommit；接着创建feature分支开发功能，完成后合并至main分支；再通过gitremote添加远程仓库，使用gitpush和gitpull同步代码；遇到冲突需手动解决，开发中可用gitlog查看历史，gitcheckout或gitreset撤销修改，gitcommit--amend修正提交信息，必要时用gitreset回退版本，但慎用--hard避免丢失数据；关键在于勤提交、写清提交说明、合理使用分支以
-
必须掌握操作HTML元素的五种核心方法：一、通过ID精准获取并修改单个元素；二、通过类名批量操作多个元素；三、用querySelector系列灵活选择任意CSS匹配元素；四、动态创建并插入新元素；五、安全移除或替换现有元素。
-
ES6是JavaScript的实质性重构，提升表达力与工程能力；let/const解决作用域混乱，箭头函数修正this绑定，解构赋值和模板字符串简化取值拼接，默认参数和rest参数增强函数健壮性。
-
元素间距不一致的根源是浏览器默认margin/padding差异或手动设置不统一，解决需“主动归零+统一设置”：重置默认值（通配符或normalize.css）、用语义化工具类管理间距、规避margin合并、响应式分层设计。
-
caption是表格唯一合法标题，必须作为<table>首个子元素；scope用于<th>定义表头作用范围；summary属性在HTML5中已废弃。
-
localStorage不是万能的持久化方案，它只存字符串、不跨域、没过期机制，用错地方会丢数据。localStorage.setItem()存不了对象或数组直接传JSON.stringify()以外的值，比如对象、数组、数字，会被自动转成"[objectObject]"或"1,2,3"，取出来根本不是原来的东西。必须手动序列化：localStorage.setItem('user',JSON.stringify({name:'Alice',age:30}))读取时也要
-
CSS属性选择器不支持正则等真正模糊匹配，仅提供^=（前缀）、$=（后缀）、*=（子串包含）三种字符串位置匹配；~=用于多值属性的单词匹配，|=用于连字符语言代码匹配；复杂需求须用JavaScript。
-
使用Flexbox布局可实现底部固定页脚，通过设置容器min-height:100vh和display:flex，主内容区flex:1自动撑开，页脚自然置于底部，兼容性好且简洁高效。
-
图片在Grid中拉伸变形的根本原因是未设置object-fit，该属性需作用于<img>元素而非容器；常用值包括cover（等比裁剪）、contain（等比留白）、fill（强制拉伸）和scale-down（兜底缩放），并需配合object-position控制裁剪区域。
