-
JavaScript继承本质是原型链，class只是构造函数语法糖；需用Object.create设置子类原型并修复constructor，子类构造函数中调用Parent.call(this)实现实例属性继承；ES6class通过extends和super实现继承，底层仍操作原型链。
-
HTML拼接有五种方法：一、JavaScript动态加载，用fetch+DOMParser插入；二、Node.js服务端拼接，用fs读取并合并字符串；三、HTMLImports（已废弃）；四、模板引擎如EJS通过include引入；五、Webpack等构建工具插件编译时内联。
-
CSS字体栈通过font-family按优先级顺序匹配系统预装字体，需分平台设置：macOS用-Apple-system、Windows用SegoeUI、Linux/Android用Ubuntu/Roboto，并以sans-serif兜底，中文字体需额外声明。
-
正确设置flex-grow和flex-basis是实现子元素宽度比例控制的关键。默认情况下子元素不会自动扩展，需通过flex属性显式配置：flex-grow定义剩余空间分配权重，flex-basis设定初始主轴尺寸。推荐使用flex简写（如flex:1、flex:2）使子项按比例分配容器宽度，当设置不同基础宽度时（如flex:11100px与flex:21150px），子元素在保留最小宽度的同时按权重伸展，从而精准控制布局。
-
WebRTC是浏览器原生支持的开放标准，提供MediaStream、RTCPeerConnection和RTCDataChannel三类API实现P2P音视频与数据传输；需信令服务器交换SDP和ICE候选信息以建立连接。
-
利用flex-grow与mediaqueries实现响应式侧边栏：容器设为flex布局，侧边栏固定宽度，内容区通过flex-grow自动填充剩余空间；在768px以下断点将侧边栏变窄并隐藏文字，480px以下完全隐藏侧边栏使内容区占满全屏，配合JavaScript可增强移动端交互，布局灵活无需精确计算，适用于各类仪表板界面。
-
使用SheetJS导出HTML表格时，默认会包含所有<tr>元素（含display:none或已隐藏的行）。本文提供可靠方案：改用原生hidden属性标记行，并在导出前克隆表格、移除隐藏行及搜索输入行，确保Excel文件仅含当前可见数据。
-
Flex容器随子项自然撑高的关键是保持子项在默认flex流中：移除父容器height/max-height/min-height:0限制；子项避免align-self:flex-start或position:absolute；确保内容有可测量高度。
-
投稿HTML代码至开源平台需五步：一、规范代码并配README；二、注册GitHub/GitLab/Gitee账户；三、本地初始化Git仓库并关联远程；四、添加MIT许可证及更新README；五、推送代码并启用Pages部署。
-
本文介绍如何通过点击按钮依次展示JSON数组中每个对象的数据，利用索引控制、事件监听与循环翻页逻辑实现平滑切换。
-
overflow:hidden裁剪溢出内容并禁用滚动，非仅隐藏滚动条；可用于图片圆角裁切，但会触发BFC、影响动画性能及焦点管理，需配合其他属性保障可访问性。
-
给父容器添加overflow:hidden可解决border-radius不裁剪内容的问题，因为border-radius仅影响边框和背景，不裁剪子元素；加上overflow:hidden后，超出圆角范围的内容将被自动裁切，实现视觉上的圆角效果。示例中.container设置border-radius和overflow:hidden后，内部图片虽无圆角，但仍被裁剪为圆角矩形，适用于头像、卡片、轮播图等场景，确保内容不溢出，显示整齐统一。
-
答案：多主题前端应优先选择CSS变量或动态link切换。小型项目用CSS变量+class实现即时切换与集中管理，大型系统拆分文件并结合link动态加载，通过localStorage缓存偏好、preload预加载资源，避免闪烁与延迟，提升性能与体验一致性。
-
float元素导致父容器高度塌陷，因其脱离文档流使父容器无法感知其存在；正确清除方式是触发BFC，如伪元素法、overflow或display:flow-root。
-
必须用event.preventDefault()阻止表单默认跳转，且需在submit事件处理函数首行调用；随后用FormData配合fetch()手动提交，移除formaction等干扰属性，并主动处理校验、loading与错误提示。
