前端开发

ElementPlus样式覆盖难点在于Scoped隔离、优先级不足及类名挂错层级。建议依次使用CSS变量、:deep()穿透、全局SCSS策略。表格固定列需确认`is-scrolling-*`挂载层级，弹窗则通过`:global()`或组件props处理。遵循此方案可有效解决多数样式冲突。

基于Vue3与Cesium搭建双Viewer独立渲染，主场景加载实景影像图层，鹰眼缩略图使用矢量道路图层。通过监听主相机变化实现实时视角同步，并锁定鹰眼交互。可优化瓦片层级与同步频率以提升性能。

关键JS同步执行会阻塞HTML解析导致白屏。通过defer保证依赖DOM的脚本在解析后有序执行，async适用于无依赖脚本。解耦应利用DOMContentLoaded事件和动态import()拆分模块，避免内联事件，实现浏览器自动调度执行时机。

CSS变量var()的第二个参数是回退值而非默认值，仅在变量完全未声明或显式重置为unset initial时生效。变量已声明（包括空值、非法语法）时不触发。回退值支持嵌套var()构建多层降级，但空字符串声明会绕过回退。

断线重连中上下文保护依靠显式生命周期管理策略而非默认绑定。实用方法包括：将关键数据封装为单例服务跨重连复用；用AsyncLocal按连接隔离上下文并显式绑定清理；状态机在断开前快照关键数据，重连后主动恢复。

typeof检测Symbol变量时始终返回 "symbol "字符串。Symbol是ES6引入的原始数据类型，非对象，不能用newSymbol()创建。使用typeof即可准确识别，无需instanceof或toString。Symbol值唯一且不可变，常用于对象属性键。

原型链不支持闭包跨实例共享，二者设计目标不同。闭包基于词法作用域生成私有环境，每个实例独占；原型链是属性查找机制，只共享方法不改变作用域。跨实例共享状态应使用原型方法加实例自有属性或静态属性实现。

蹦床函数通过返回thunk并由外层循环执行，将递归改造成循环，同步运行以避免栈溢出，不涉及事件循环调度。事件循环优先级由任务类型决定，蹦床函数无法改变，仅用于手动控制调用栈深度。

双屏移动设备响应式设计的核心难点不在CSS写法，而在状态同步。传统断点方法失效，需结合CSS容器查询与JavaScript探测真实显示区域，避免100vw跨铰链，处理铰链区不可交互，区分单屏操作与跨屏协作，实现独立但协同的显示上下文。

HTML表单的input[type=file]本身不具备切片上传能力，需通过JavaScript的File slice()手动分块，每块以Blob形式放入FormData并携带分块索引、总数等元信息。切片大小通常设为1-5MB，可根据网络动态调整。续传依赖服务端幂等接口和客户端本地状态管理，与HTML无关。

多语言RTL适配中，dir= "rtl "仅影响文本流与Flex主轴方向，块级元素与浮动仍按LTR计算。逻辑属性需显式方向上下文，混合内容应用或显式dir隔离。全局rtl会破坏第三方组件，宜在内容区精准应用。

闭包通过封装私有作用域记录执行状态，实现函数的多次执行过滤，涵盖限次调用、仅处理最新请求、多级条件组合过滤及前后拦截增强等场景，支持动态配置与链式复用。

ES6类中定义的方法默认不可枚举，因为其enumerable属性被设为false，所以不会出现在for in、Object keys()及JSON stringify中。这一语言级保护机制用于区分接口与实现，保持原型链整洁，防止方法被意外遍历或序列化。

节流函数依赖闭包封存lastTime和timer状态，实现状态隔离与实例互斥。时间戳版保证固定频率，适合滚动缩放；定时器版聚焦最后一次触发，适配搜索输入；增强版支持首尾可控；高频DOM更新可改用requestAnimationFrame。

使用JS的`getBoundingClientRect()`获取点击坐标写入CSS变量，伪元素`transform:translate(-50%,-50%)`精准定位，JS添加类触发动画，监听`animationend`清理，配合节流防连击，确保移动端波纹效果稳定。