-
使用媒体查询结合display属性可实现响应式隐藏显示，如小屏隐藏元素；2.采用视觉隐藏类保留可访问性，确保屏幕阅读器仍能识别内容；3.结合JavaScript动态切换class控制元素显示状态，提升交互体验。
-
使用HistoryAPI可实现单页应用无刷新跳转。通过pushState添加历史记录并更新URL，replaceState修改当前记录而不新增条目，onpopstate监听前进后退操作，结合动态内容加载即可同步页面状态与地址栏，支持浏览器导航，提升用户体验。
-
GeolocationAPI必须在HTTPS或localhost安全上下文中调用，且需用户首次交互触发；拒绝权限后不会重弹窗，须显式配置options（如enableHighAccuracy、timeout、maximumAge）以避免缓存或超时问题。
-
可通过CSS的border-style属性设为dashed实现虚线边框：一、单边用border-top:2pxdashed#333；二、四边统一用border:1pxdashedred；三、自定义用border-image+linear-gradient；四、响应式适配用@media高DPI查询加box-shadow；五、伪元素用repeating-linear-gradient模拟。
-
用组合选择器明确样式作用边界是最直接解法，如以模块类名（.user-card）为父级锚点，采用BEM命名（.search-form__input），禁用全局标签样式，慎用all:unset，优先子选择器>控制层级，用:where()降低权重干扰。
-
JavaScript错误处理需区分同步与异步：同步错误用try-catch捕获，异步Promise错误用.catch()或await+try-catch；两者不可互换，全局兜底用window.onerror和unhandledrejection。
-
在ReactNative中，若需根据组件状态（如creatingChat）控制安卓物理返回键行为，必须将该状态加入useEffect依赖数组，否则闭包中捕获的始终是初始值，导致判断失效。
-
浮动布局中对齐主要通过float和clear属性实现：左对齐用float:left，右对齐用float:right；居中对齐需设置固定宽度并使用margin:0auto，但不可与float同时使用；为防止布局错乱，可用clear:both清除浮动影响；文字内容会自然环绕浮动元素，适合图文混排。
-
CSS图标旋转动画需定义@keyframes旋转帧并用animation应用，注意元素display兼容性、避免overflow裁剪，支持方向控制、cubic-bezier节奏调节及hover暂停，图标与文字应分层以确保仅图标旋转。
-
content-box盒模型下，width/height仅指内容区尺寸，总宽度=width+左右padding+左右border。
-
JavaScript游戏开发中碰撞检测可不用完整物理引擎，关键在理解逻辑、选合适方法并平衡性能与精度；矩形用AABB检测判断重叠，圆形用距离平方比较避免开方。
-
JavaScript原型链是对象属性查找与继承的核心机制，通过[[Prototype]]内部属性逐级向上查找直至null；构造函数的prototype属性用于设置实例原型，ES6class底层仍基于此机制，但需注意引用类型共享等局限。
-
推荐使用ES6class+extends实现继承，语义清晰且兼容性好；子类constructor中须首行调用super()，通过super.方法名()调用父类方法；底层仍基于原型链，class是语法糖。
-
如果您需要在浏览器中直接处理压缩文件，而无需上传到服务器进行解压，则可以通过前端JavaScript库实现HTML5文件的解压缩。以下是几种常用方案及其具体使用方法：一、使用JSZip解压ZIP文件JSZip是一个流行的JavaScript库，能够在浏览器端读取和解压ZIP格式的压缩包。它支持从Blob、ArrayBuffer或base64数据中加载压缩文件，并提取其中的文件内容。1、引入JSZip库，可通过CDN方式加载：https://cdnjs.c
-
前端构建工具通过import语句触发CSS处理链：css-loader解析依赖，postcss-loader处理前缀与变量，style-loader（开发）或mini-css-extract-plugin（生产）决定内联style或提取link；后端仅提供无样式HTML骨架，样式路径、加载时机、作用域均由前端构建控制。
