-
要优化图片画廊在不同设备上的显示效果，核心是实现响应式设计和提升加载性能。1.使用CSS的max-width:100%和height:auto确保图片弹性缩放，结合object-fit:cover或contain统一图片显示效果；2.通过CSS媒体查询动态调整布局，如大屏三列、中屏两列、小屏单列，配合flex布局和gap间距控制；3.优化图片资源，采用压缩、WebP格式和loading="lazy"实现懒加载，提升页面性能；4.添加JavaScript实现灯箱交互，支持点击放大、Esc键关闭和遮罩层操作；
-
IE11中video标签不支持aspect-ratio且忽略width/height语义，需用padding-top百分比容器配合绝对定位实现等比缩放，object-fit无效但可用contain防拉伸，poster尺寸须匹配视频比例，preload避免auto，动态插入需预设样式或监听loadedmetadata修正。
-
CSS需通过HTML接入而非直接打开，正确方式是用<link>引入外部文件、<style>嵌入或行内style属性，优先使用外部CSS；路径错误、file://协议限制、缓存及编码问题常导致样式不生效。
-
掌握JavaScript设计模式进阶需理解对象、函数与闭包的灵活运用。1.创建型模式如工厂、抽象工厂、构造器和单例，解决对象创建的复杂性与解耦；2.结构型模式如装饰器、适配器和代理，优化类与对象的结构关系，提升扩展性；3.行为型模式如观察者、策略、迭代器和命令，规范对象间通信与职责分配；4.实际开发中常组合使用，如React的HOC体现装饰器思想，Redux融合观察者与命令模式。关键在于理解模式背后的问题本质，合理应用以提升代码可维护性，同时避免过度设计。
-
使用:not(:last-child)可选中除最后一个子元素外的所有同级元素，常用于为列表项添加分隔线或间距时排除末尾元素；例如li:not(:last-child){border-bottom:1pxsolid#ccc;}可为每个列表项下方加边框，但最后一项不加，使界面更整洁。该选择器基于父元素中的位置判断，若需按标签类型排除末项，应改用:not(:last-of-type)。
-
会暴露，HTML注释是明文传输至客户端的，右键“查看页面源代码”即可直接看到，HTTPS也无法保护；data-属性、内联script硬编码、未清理调试信息及SSR模板插值等同样会导致敏感信息泄露。
-
正确配置viewportmeta标签并结合CSS媒体查询是实现响应式布局的核心。首先在HTML的<head>中添加<metaname="viewport"content="width=device-width,initial-scale=1.0">，使页面宽度与设备屏幕一致，避免浏览器以桌面视口渲染导致内容过小。width=device-width确保CSS中的百分比和相对单位（如%、rem、vw）基于真实设备宽度计算，initial-scale=1.0保证页面初始不缩放。在此基础
-
实现页面平滑滚动主要有两种方式：一是使用JavaScript的scrollIntoView({behavior:'smooth'})方法，简单高效，适用于大多数现代浏览器；二是结合requestAnimationFrame与window.scrollTo()手动实现，可自定义滚动速度、缓动曲线及回调函数，适合需要精细控制的场景。2.CSS的scroll-behavior:smooth属性能全局启用平滑滚动，代码简洁且性能好，但缺乏对滚动过程的控制能力，无法处理复杂逻辑如偏移调整或执行回调，而JavaScr
-
本文详解如何在VSCode中正确配置Prettier，解决React（.jsx/.tsx）文件保存后JSX被错误转义、缩进丢失、标签被破坏等格式化异常问题，确保代码可读性与团队协作一致性。
-
盒模型中元素总宽度包含width、padding、border和margin，float使元素脱离文档流并按设置方向排列，但会受总宽度影响导致换行；margin增加外边距却加剧宽度溢出风险，尤其在float+百分比布局中。使用box-sizing:border-box可让width包含内边距和边框，配合calc()函数或采用Flexbox布局能有效避免错位，推荐优先使用现代布局方案以减少计算误差。
-
答案：HTML通过<sup>和<sub>标签实现上标和下标，分别用于表示如指数、化学式等具有语义的特殊文本，不仅提供视觉效果，更增强可访问性和内容结构。
-
color属性支持5类颜色值格式：颜色关键字、十六进制（#rgb/#rrggbb/#rgba/#rrggbbaa）、RGB函数、RGBA函数、HSL/HSLA函数；推荐优先使用十六进制或HSL因其精度高、可计算且易调色。
-
用<table>呈现“国家热度排名”最稳妥，语义清晰、可访问性强；需用data-code属性标注ISO代码（如JP），数值列保持纯数字，<thead>中用scope="col"明确列头，避免内联样式或硬编码颜色。
-
Vue.js的patch过程自动处理事件监听器的卸载与更新：旧vnode有而新vnode无on时遍历解绑；新旧均有同名事件且handler引用不同时先解绑再绑定；修饰符影响绑定方式但不改变卸载逻辑；自定义组件事件由实例层面管理，不在DOMpatch流程中。
-
混淆后的JavaScript代码调用并不复杂。1.混淆不会改变代码功能，只是重命名变量和函数，使其难以理解。2.调用混淆后的函数时，使用新的名称即可，如a(100,0.08)代替calculateTotal(100,0.08)。3.实际应用中需注意调试困难、代码维护、性能影响和兼容性问题。4.建议分阶段混淆，选择合适的混淆级别，并使用版本控制管理代码。
