JavaScript通过原型和原型链实现继承，每个函数的prototype指向原型对象，实例通过__proto__链接到构造函数的prototype，形成查找链：实例→构造函数.prototype→Object.prototype→null。示例中Person.prototype添加sayHello方法，p1实例可访问，体现属性共享。原型链查找机制先在对象自身找属性，未果则沿__proto__向上追溯，如p1.__proto__===Person.prototype为true，Person.prototy

答案：结合CSSGrid与:nth-child选择器可精准控制网格中按DOM顺序排列的特定子元素样式。.grid-container定义网格后，.grid-item:nth-child(odd)和:nth-child(even)实现隔行变色；使用3n+1模式可设置每三列首项跨列或放大；通过:nth-child(4)、:nth-child(5)等精确调整个别项布局；若容器内含非同类子元素，应改用:nth-of-type避免误选；响应式场景下因每行项目数变化可能导致视觉周期错乱，需配合媒体查询修正。此方法提升

本文讲解如何在React+TypeScript项目中安全、类型安全地支持自定义HTML属性（如color="red"），并配合CSS属性选择器使用，同时避免违反JSX的类型约束。

前端生成PDF主要依赖jsPDF和html2canvas库的组合。1.使用jsPDF可编程创建PDF，适合结构化文档，能精确控制文本、图形、图片等元素；2.结合html2canvas可将HTML内容转为Canvas图片，再由jsPDF嵌入PDF，实现复杂样式“所见即所得”导出，但文本不可选。该方案减轻服务器负担、提升用户体验、支持离线操作，适用于报告下载、证书生成、打印预览等场景。需注意性能优化（如简化DOM、压缩图片、合理设置scale）、字体嵌入以保证跨设备一致性，以及处理跨域图片和CSS兼容性问题，

可通过五种CSS方式为HTML页面添加背景图片：一、内联样式；二、内部样式表；三、外部CSS文件；四、渐变叠加；五、响应式适配，涵盖路径设置、平铺控制、尺寸调整及多设备兼容处理。

判断并高亮当前导航项需基于URL路径匹配：用window.location.pathname与链接路径前缀比对（startsWith），注意处理子目录部署、SPA路由响应式同步（如ReactRouter的NavLink或useMatch），并排查CSS优先级问题。

模板字符串使用反引号定义，可嵌入变量${name}、表达式${a+b}、函数调用${getName()}及三元运算${score>=60?'及格':'不及格'}，支持多行文本与标签模板，提升字符串处理灵活性。

Map强引用键对象，阻止垃圾回收，可能导致内存泄漏；2.WeakMap弱引用对象键，允许垃圾回收，适合关联私有数据或缓存，避免内存泄漏。

z-index决定重叠元素的堆叠顺序，需配合定位属性使用，且受层叠上下文限制，父子元素层级相互影响，合理分层可避免显示异常。

justify-items和align-items仅对grid容器生效，控制网格项在各自单元格内的行/列方向对齐；若需整体居中，应在外层用flex布局；单个子项居中可用place-self或grid-area+margin:auto。

iframe是一种在网页中嵌入独立HTML文档的标签，通过src属性加载外部内容，并支持设置尺寸、边框、全屏及安全策略。常见用途包括嵌入视频、地图、支付接口等第三方服务，便于功能集成且不影响主页面结构。使用时需注意安全问题，如防范点击劫持、跨站脚本攻击，并合理配置sandbox权限以限制嵌入内容行为。此外，iframe可能影响SEO效果，因其内容不易被搜索引擎抓取和归因；同时可能带来性能、响应式适配和导航体验方面的挑战，因此应权衡是否为核心内容或是否有更优替代方案。

includes()方法能快速判断数组是否包含特定元素，返回布尔值。1.使用方式简单，直接传入要查找的值即可，如fruits.includes('banana')返回true；2.支持从指定索引开始查找，如fruits.includes('apple',2)返回false；3.可正确识别NaN，numbers.includes(NaN)返回true；4.与indexOf()相比更简洁直观，且处理NaN更友好；5.对对象或数组等复杂数据类型仅比较引用，不比较内容，需用some()配合自定义函数实现内容匹配；

使用float实现商品卡片布局，通过设置.product-card向左浮动并控制宽度与边距，使多张卡片横向排列且支持响应式调整，配合overflow:hidden避免父容器塌陷，适用于兼容旧浏览器的静态展示场景。

Symbol是JavaScript中用于创建唯一、不可变值的原始类型，专为解决属性名冲突和实现私有键设计，具备唯一性、不可枚举性，支持全局注册（Symbol.for）及内置协议钩子（如Symbol.iterator）。

本文详解如何在Bootstrap中正确实现嵌套网格（如左侧8列模块区+右侧4列日程区），解决因缺失父级.row、列宽总和超限或未重置行间距导致的卡片错位、高度不一致等问题。