-
答案：无限滚动通过IntersectionObserver实现高效加载，提升用户体验但影响SEO和性能。需结合分页备用、URL状态更新及预渲染等策略优化。
-
button和input[type="button"]视觉相似但语义、DOM结构、可访问性及样式行为不同：button支持嵌套内容和innerHTML，input仅value；两者默认均提交，须显式设type="button"；button样式更可控，伪元素不支持，表单序列化中均不参与提交。
-
.clearfix类是解决浮动布局维护难的最优解——通过伪元素生成无侵入清除节点，兼容IE8+、不裁剪溢出内容、语义清晰；推荐写法为.clearfix::after{content:"";display:table;clear:both}。
-
通过link标签加载自定义字体是引入远程CSS文件自动注册字体，如使用GoogleFonts链接并在CSS中调用，需注意网络访问、性能优化及font-display策略。
-
Proxy用于拦截对象操作，Reflect提供对应的标准方法；Proxy创建代理对象并定义陷阱，Reflect统一默认操作且在Proxy中安全转发行为，二者配合实现响应式等高级功能。
-
JavaScript有8种数据类型：7种原始类型（string、number、boolean、null、undefined、symbol、bigint）按值存储且不可变，1种引用类型（object及其派生类型）按引用存储且可变；判断类型应组合使用typeof、instanceof和Object.prototype.toString.call()。
-
JavaScript代码规范需ESLint与Prettier协同：ESLint校验逻辑（如未声明变量），Prettier统一风格（缩进、引号等）；通过eslint-config-prettier桥接冲突，配合Husky、lint-staged和编辑器插件实现自动化检查与格式化。
-
JavaScript原型链继承本质是对象__proto__指向构造函数prototype，class仅为语法糖；访问属性时沿__proto__链向上查找直至null，最终归于Object.prototype。
-
该用<wbr>而非<br>时：<wbr>是可选换行点，仅在容器宽度不足时折行，适用于长单词、URL、代码等需防溢出但不宜强制断行的场景；<br>则强制换行，用于地址、诗行等语义必需处。
-
本文探讨了在ReactNative的WebView组件中，当输入框失去焦点时如何避免虚拟键盘自动关闭的问题。核心解决方案在于优化HTML中的事件处理逻辑，通过使用onchange事件而非oninput，并直接调用目标输入框的focus()方法，确保焦点无缝转移，从而维持键盘的持续显示，提升用户输入体验。
-
<p>通配符选择器可用于全局重置样式、统一文本设置、禁用用户选中及调试布局，如{margin:0;padding:0;box-sizing:border-box;}用于清除默认样式，{font-family:"MicrosoftYaHei";}统一字体，{user-select:none;}防止内容被选中，*{border:1pxsolidred!important;}辅助开发调试，但因影响性能且易引发冲突，应谨慎使用并避免滥用!important。</p>
-
推荐CodePen、JSFiddle、CSSDeck或Playcode.io等轻量CSSPlayground工具，支持HTML/CSS/JS实时预览、快速调试布局与动画、检查计算样式，并可导出代码或生成分享链接。
-
虚拟DOM是用JavaScript对象模拟真实DOM的轻量层，避免频繁重排重绘，支持批量更新与跨平台；React.createElement等返回虚拟DOM对象，diff算法仅同层级同type比较，key用于标识可复用节点，列表渲染须用稳定唯一key。
-
top、right、bottom、left需配合position才能生效，用于控制定位元素相对于包含块的边界距离。1.position为relative、absolute、fixed或sticky时属性生效；2.可单独设置方向偏移，也可同时使用拉伸尺寸；3.常用于模态框居中、全屏遮罩、图标定位等布局场景，关键在于理解定位上下文与包含块机制。
-
JavaScript对象是键值对集合，非特殊类型而是最常用复合结构；用字面量创建需注意冒号分隔键值、逗号分隔项；属性访问可用点号或方括号；对象为引用类型，赋值传参需防意外修改；浅拷贝用展开语法，深拷贝用structuredClone()。
