-
JavaScript地理定位需通过navigator.geolocationAPI实现，必须经用户显式授权，配合清晰告知用途、提供退出路径及降级方案，并遵守《个人信息保护法》等合规要求。
-
JavaScript解构赋值是简洁语法，支持从数组（按位置，用[]）和对象（按属性名，用{}）提取变量；支持跳过、剩余元素、默认值、重命名、嵌套及函数参数解构，但源为null/undefined时会报错。
-
HTML5视频音量必须用JavaScript设置volume属性（0.0–1.0），且需等待canplay等事件；muted属性更关键，自动播放依赖muted=true，取消静音须在用户手势回调中同时设muted=false和volume=1。
-
display:none的工具类不能做淡入淡出，因为它会让元素脱离文档流并立即销毁渲染节点，导致transition中断；正确做法是用opacity+pointer-events组合实现可动画隐藏。
-
箭头函数与普通函数主要差异体现在：1.this指向不同，箭头函数继承外层作用域this；2.不能作为构造函数使用；3.无arguments对象，但可用...args替代；4.语法更简洁，适合回调场景。
-
通过配置GitHooks实现提交前自动格式化CSS文件，首先使用pre-commit钩子调用Prettier进行代码美化，接着借助Husky简化钩子管理，最后结合lint-staged确保仅对暂存的CSS文件执行格式化，提升效率与团队代码风格统一性。
-
IndexedDB是Web应用中高效存储大量结构化数据的首选，支持事务、索引和异步操作。1.它基于数据库、对象仓库、索引、事务和游标等核心概念构建；2.通过onupgradeneeded事件定义或升级数据结构，创建对象仓库并添加索引以优化查询；3.所有增删改查操作在事务中执行，确保一致性，支持主键操作与索引范围查询；4.针对大数据量，采用游标分批读取、批量写入减少事务开销，并合理设计索引以平衡读写性能；5.结合Blob或CacheAPI处理大文件，使用idb等库简化繁琐API。掌握这些机制可稳定实现客户端
-
应将transition写在基础选择器上而非各伪类中，以确保所有状态切换均有连贯过渡；需显式声明transition-property，优先使用background-color、color、transform等安全属性，并统一timingfunction。
-
ES6的class本质是构造函数的语法糖，底层仍基于原型机制；它用class关键字声明，含constructor、实例方法和静态方法，不提升、默认严格模式，必须new调用，方法不可枚举，继承通过extends+super实现。
-
微博H5版（m.weibo.cn）无“附近的人”功能，该功能已于2019年底全平台下线；因隐私合规与风控原因，H5受限于浏览器定位能力，仅支持基于用户填写城市的静态“同城”内容，不提供实时地理围栏或附近用户列表。
-
答案：通过align-items控制垂直对齐，justify-content控制水平分布，结合gap间距与统一图标尺寸，可实现导航栏图标与文字的完美对齐。
-
圆形头像需同时满足四个条件：正方形容器、border-radius:50%、overflow:hidden、object-fit:cover；缺一不可，否则会出现变形、偏移、白边或裁切失效等问题。
-
通过CSS:hover伪类实现悬浮菜单，首先构建导航结构，利用position定位子菜单并默认隐藏，再通过:hover触发显示，结合opacity和visibility添加过渡动画，确保父级相对定位以正确显示下拉内容。
-
本文解析JavaScript类中同名字段（如method="sss"）与方法（如method(){}）在继承时的行为差异：前者作为实例自有属性被初始化，后者定义在原型上；当子类重写同名方法时，实例属性优先于原型方法，导致看似“覆盖失效”的现象。
-
必须用kebab-case（中划线分隔），如header-nav.css；snake_case在旧版Windows+Node中易触发缓存异常，PascalCase/camelCase易与JS模块混淆且不符HTML语义惯例。
