-
应监听pageshow事件并检查persisted属性，若为true则手动刷新页面；同时需用pushState/replaceState配合popstate事件主动管理状态，保存滚动位置、表单数据等DOM状态。
-
Vuetify中hidden-sm-and-down类会导致图片在屏幕宽度小于960px时被隐藏，实际应使用hidden-xs-only或响应式逻辑控制图标显示，本文详解原因与正确用法。
-
使用aspect-ratio固定容器宽高比，结合object-fit控制图片填充方式，可解决CSS网格布局中图片拉伸变形问题。1.通过aspect-ratio:16/9设置容器比例，确保高度随宽度自适应；2.使用object-fit:cover（裁剪填满）或contain（完整显示）保持图片比例；3.配合width:100%和height:100%使图片正确渲染在网格项内；4.在响应式grid-container中应用minmax(250px,1fr)实现自适应列布局。最终实现图片在不同尺寸下均保持美观、
-
使用ES6模块化拆分功能，避免全局污染；2.用const/let声明变量，函数参数结合解构提升可读性；3.批量操作DOM并采用事件委托；4.优先使用map/filter/reduce及Set/Map优化性能；5.通过async/await管理异步，配合ESLint和Prettier统一代码规范，提升可维护性与执行效率。
-
HTML页面图标最直接方式是用<linkrel="icon">声明于<head>，需绝对或根相对路径、推荐.ico格式及image/x-icon类型；第三方图标库如FontAwesome需引入CSS并用<i>标签调用；SVG内联更可控；多尺寸适配需多次声明不同sizes的link标签。
-
JavaScript数据类型分原始类型和对象类型，typeof对null错误返回"object"，需结合Array.isArray()、Object.prototype.toString.call()和instanceof按场景选用；推荐用getType函数先判null再统一提取类型名。
-
grid-auto-rows控制隐式网格行的高度，仅作用于超出grid-template-rows显式定义范围的自动创建行；需配合容器高度约束才能生效，与grid-template-rows共存时后者优先。
-
JSON.parse(JSON.stringify(obj))不能当深拷贝用，因会丢弃函数、undefined、Symbol等，且无法处理循环引用；structuredClone()是目前最靠谱的原生方案，但不支持函数、undefined、Symbol；手写需注意特殊类型识别与循环引用缓存；Lodash的_.cloneDeep()覆盖广但不深拷贝函数体、不保留原型。
-
max-width:100%失效主因是父容器无宽度约束或被其他样式覆盖；应配合height:auto、检查样式优先级，并区分object-fit用途。
-
WebSocket是全双工、长生命周期的TCP连接，握手复用HTTP但后续脱离其协议栈，以轻量帧通信；原生JS通过WebSocket构造函数创建，依赖onopen发送数据，不自动重连，需手动实现并注意代理、CDN、兼容性等部署限制。
-
开发HTML5棋牌游戏应首选Phaser框架，因其上手快、生态完善，支持2D渲染、用户交互与WebSocket通信，适配PC和移动端，配合Node.js与Socket.IO可实现高效实时对战，适合中小型项目快速落地。
-
答案：通过@keyframes定义border-color变化并用animation应用，可实现边框颜色动画；结合:hover与transition适用于悬停交互。示例中边框在红、蓝、绿间循环变色，需确保border-width大于0以保证动画可见，且现代浏览器普遍支持该效果。
-
CSS样式依赖混乱源于职责不清与作用域失控，需通过基础层（语义化CSS变量）、组件层（BEM/CSSModules隔离）、布局层（宏观结构组织）、主题层（上下文覆盖）四层分责解耦，核心是思维分层而非文件拆分。
-
order属性只改变Flex容器内子元素的视觉渲染顺序，不影响DOM结构、屏幕阅读器、Tab导航及JavaScript遍历结果；其值为整数，默认0，数值越小越靠前，负值合法，非数字值等价于0。
-
JavaScript观察者模式本质是函数回调的组织方式，核心为on/emit/off三行为；手写事件总线50行内可实现，无需EventTarget，更轻量可控。
