-
WeakMap的键是弱引用，不参与可达性判断，对象无其他强引用时可被垃圾回收，从而避免内存泄漏；但值仍为强引用，且无法遍历或获取size。
-
闭包能有效封装WebWorker通信细节，隐藏worker实例与消息通道，支持多任务队列、上下文绑定、统一错误处理与重试、模块化隔离。
-
对话框背景置灰的本质是用fixed定位的半透明遮罩层覆盖内容，而非给body加灰度滤镜；需组合使用fixed、inset-0、bg-black、bg-opacity-50和z-40，且遮罩层须与对话框同级并设置aria-hidden="true"。
-
Vue.js中使用TypeScript的Props应定义独立interface（如UserCardProps），避免内联类型；区分必传/可选，配合withDefaults保证类型安全与默认值一致性。
-
font-weight支持100–900整百数值及normal、bold等关键字，400等价normal、700等价bold；其余值是否生效取决于字体文件是否包含对应字重，浏览器仅保证实现400和700。
-
display:none无法过渡因无中间状态；opacity可过渡但需配合visibility和pointer-events控制交互与布局；应通过class切换并监听opacity的transitionend事件。
-
路由守卫是前端权限控制第一道防线，仅做可见性过滤和轻量准入检查，核心权限必须由后端接口返回并校验；适合拦截未登录访问、角色无权路由及动态菜单过滤，不适用于接口权限、字段级控制或绕过地址栏的假安全。
-
@if是Sass编译期指令，非运行时逻辑，用于生成CSS前决定样式取舍；它不响应用户交互，但可减少重复代码，配合@mixin封装组件变体最实用。
-
本文介绍如何根据导航栏是否启用navbar-fixed类，动态为.title-img元素添加或移除margin-top:20%样式，通过JavaScript实时检测类名变化并精准控制样式，避免硬编码冗余逻辑。
-
column-count仅能实现静态瀑布流，非真正“最短列优先”；严格按高度填补需JS动态维护列高数组，配合offsetHeight读取、img.onload监听及resize防抖处理。
-
掌握DOM节点属性是JavaScript操作页面的基础。nodeType、nodeName、nodeValue用于获取节点类型和内容；id、className、innerHTML、textContent、style等属性用于操作元素的标识、样式和内容；parentNode、children、firstElementChild等结构属性可遍历节点关系；value、checked、disabled等表单属性用于控制表单元素状态。结合querySelector和事件处理，能高效实现动态交互。
-
利用浏览器GeolocationAPI获取用户位置，通过getCurrentPosition和watchPosition实现定位与追踪；2.结合高德等地图SDK，将坐标用于初始化地图并添加标记；3.使用Polyline绘制实时轨迹，持续更新坐标路径；4.注意权限授权、定位精度、设备耗电及坐标系转换问题，确保系统稳定高效运行。
-
采用“用户-角色-权限”模型，通过权限码数组动态控制路由、菜单和组件级访问，结合meta字段与自定义指令实现配置化权限校验，支持运行时更新与远程配置，确保前端权限灵活可维护。
-
本文详解如何通过CSS@property声明自定义动画属性，结合radial-gradient与关键帧，解决径向渐变半径突变导致动画卡顿的问题，并提供Firefox兼容方案。
-
答案是通过模块化方案、命名规范和技术手段限制作用域以避免CSS冲突。具体包括使用CSSModules实现编译时作用域隔离，CSS-in-JS将样式与组件逻辑绑定，BEM命名约定提升类名唯一性，Sass嵌套模拟作用域，以及ShadowDOM提供原生封装，结合分层架构、代码审查和自动化工具构建可维护的CSS体系。
