-
正确设置transition属性并选择合适的缓动函数可使opacity动画平滑，基础写法为.fade-element{transition:opacity0.3s;}，结合:hover等状态触发，推荐使用ease缓出效果，并可通过will-change或visibility优化性能，避免突变与卡顿。
-
fixed元素脱离文档流并相对于视口定位，常用于导航栏或返回顶部按钮；当页面出现滚动条时，其全宽布局可能因滚动条占用空间而错位，可通过calc()、margin补偿或flex布局解决；同时需注意z-index避免遮挡，并在移动端考虑软键盘导致的定位异常，可采用sticky替代或监听事件调整定位，确保视觉一致性。
-
使用getBoundingClientRect获取元素位置，通过判断两矩形是否重叠实现碰撞检测；2.编写checkCollision函数，排除无重叠情况后返回碰撞结果；3.结合requestAnimationFrame在动画循环中实时检测并触发视觉反馈；4.注意元素定位、样式影响及性能优化，必要时结合其他属性或引擎提升精度。
-
JavaScript代码分割和按需加载的核心是动态import()语法配合打包工具自动分包，减少首屏体积；支持await/.then、React.lazy+Suspense、chunk命名与预加载策略，并需注意SSR环境兼容性。
-
行内样式不该常用，因其优先级最高却无法复用、继承和响应式控制，调试维护困难且不支持深色模式等媒体查询。
-
Proxy是JavaScript中唯一能真正拦截并重写基本操作的机制，通过trap函数接管[[Get]]、[[Set]]等内部方法，需用newProxy(target,handler)创建，无法代理原始值且仅代理第一层。
-
会，HTML5转APP后后台运行大概率被系统杀掉；因其本质是WebView进程，缺乏原生保活能力，内存紧张、锁屏或清理时JS定时器、WebSocket等均会中断。
-
WebSocket本身不提供消息加密，wss://仅保障传输层安全，应用层需用WebCryptoAPI的AES-GCM实现端到端加密，并配合服务端统一协议、密钥动态下发与运行时防护。
-
当line-height被设为极小值（如2px）时，行间距严重不足，导致相邻<p>元素的文本视觉上相互覆盖；应使用无单位数值（如1.4）或移除该属性让浏览器自动计算合理行高。
-
网页JavaScript无法直接操作浏览器插件，因为浏览器出于安全考虑将网页脚本与插件隔离。1.网页运行在沙盒环境中，权限受限，仅能访问标准WebAPI；2.插件拥有更高权限，独立于网页运行，具备扩展浏览器功能的能力；3.若允许网页直接调用插件功能，将导致严重的安全风险，如数据窃取或恶意操作；4.为实现二者通信，必须通过浏览器提供的消息传递机制（如chrome.runtime.sendMessage）进行间接交互；5.插件需主动暴露接口并验证消息来源，确保通信安全可控。这种设计遵循最小权限原则和源隔离策略
-
HTML下拉框绑定onchange事件最简单方式是在<select>标签内直接添加onchange属性，且必须绑定在<select>而非<option>上；也可用addEventListener实现更灵活的解耦控制。
-
display:flex生成块级容器独占一行，display:inline-flex生成行内容器可并排显示；前者撑满父宽，后者宽由内容决定；IE10–11对后者支持差；justify-content按主轴方向对齐，主轴由flex-direction决定。
-
图标与文字在CSS中无法对齐的根本原因是未理解line-height（控制行高与基线）和vertical-align（控制行内元素相对基线偏移）的协同机制；推荐用inline-block+line-height+vertical-align组合或flex布局解决。
-
CSS对齐偏差多因盒模型计算、默认样式或单位混用所致；应启用border-box、重置margin/padding、统一单位、检查vertical-align与flex/grid对齐属性。
-
答案是CSS选择器找不到元素的核心原因在于HTML结构理解错误或选择器书写错误。首先检查DOM结构是否与预期一致，确认父子、兄弟关系及嵌套层级；其次排查选择器拼写、大小写、空格、引号等语法问题；接着分析特异性（Specificity）冲突，确保选择器权重足够高；再检查CSS加载顺序和!important的干扰；利用开发者工具查看元素实际应用的样式及覆盖情况；注意display、visibility、z-index等隐藏元素的样式；排除JavaScript动态修改DOM、ShadowDOM隔离、CSSMod
