-
卡片悬浮提示效果中，CSStransition能让提示内容的出现和消失更自然，避免生硬跳入跳出。通过控制透明度、位移或高度等属性的渐变过程，实现平滑动画。透明度渐显（Opacity+Visibility）常用于工具提示或隐藏信息的淡入淡出效果。初始状态设置为完全透明且不可见，鼠标悬停时变为可见并逐渐显现。示例代码：.card-tooltip{ opacity:0; visibility:hidden; &
-
flex-basis用于设置弹性项目在分配多余空间前的初始主轴尺寸，其值可为auto、长度或百分比，优先于width生效，常通过flex简写属性统一配置，影响项目伸缩行为。
-
大屏内容拥挤需四维响应式留白：设容器max-width（1200px～1440px）并margin:0auto居中；大屏用@media精准增padding；Grid布局优先用gap而非margin；字体、行高、段距均用clamp()流体调节。
-
应正确应用CSS的margin、padding、box-sizing、gap及负margin属性：margin控制元素外部间距，padding调节内部留白，box-sizing统一尺寸计算，gap简化flex布局间隙，负margin用于微调位置。
-
可通过五种方法恢复网页文本可复制性：一、覆盖user-select:none为text；二、移除JavaScript阻止选中的事件监听；三、清除unselectable="on"属性；四、修正pointer-events禁用导致的选中失效；五、禁用遮罩类伪元素。
-
组合式继承最常用：用构造函数继承实例属性（避免引用共享），用原型链继承方法（实现复用），需调用Parent.call(this)并设置Child.prototype=Object.create(Parent.prototype)且修复constructor。
-
微博H5页面无法直接上传图片发博，必须通过开放平台API实现：先审核应用并获取write权限，用户OAuth2授权后持access_token调用upload_batch上传图片获media_ids，再用statuses/update发博；前端需自行完成选图、排序、canvas压缩（注意兼容性）及顺序上传，不可并发；所有请求须后端代理或签名，且需校验token有效性。
-
猎豹浏览器因基于旧版Chromium内核且深度定制，易发生扩展与HTML5功能（如video、WebRTC）的资源冲突，导致黑屏、卡顿等；可通过无痕窗口定位冲突扩展，并针对性配置例外规则或关闭硬件加速修复。
-
JavaScript移动端性能优化核心是减少主线程阻塞、降低内存占用、适配弱网与低端设备，重点包括控制JS执行时间≤16ms、懒加载、TreeShaking、passive事件、RAF节流、及时清理资源及使用WeakMap等。
-
事件委托基于事件冒泡机制，将事件监听器绑定在父元素上，通过e.target判断触发源并执行逻辑。当子元素触发事件时，事件会冒泡至父元素，由父元素统一处理，从而减少监听器数量、提升性能，并支持动态添加的元素无需重新绑定事件。例如在ul上绑定click事件，通过判断e.target是否为button来执行相应操作，适用于大量动态子元素场景。掌握冒泡机制和target属性是实现关键。
-
HTML表单水平居中可通过五种CSS方法实现：一、text-align配合inline-block；二、margin:auto配固定宽；三、Flexbox的justify-content；四、Grid的place-items；五、绝对定位加transform。
-
字体不显示主因是@font-face声明错误或字体路径、格式、权限问题；应检查路径准确性（推荐绝对路径）、多格式兼容性（woff2优先）、语法完整性、跨域及MIME类型配置。
-
杭州HTML5开发岗位需求持续增长，薪资高于全国新一线城市均值，准入门槛向工程化与实操能力倾斜，从业者主要集中于数字政务、AIGC及跨境电商等政策支持领域。
-
三星旧机型（Android4.4以下）需动态注入target-densitydpi=device-dpi且width=640的viewport，rem布局应延时设置font-size并用screen.width×dpr计算，SPen需同时监听touchstart和click，canvas与图片须按dpr缩放适配。
-
防抖只执行最后一次触发，适用于输入搜索等需等待用户停止操作的场景；节流则按固定频率执行，适合滚动监听等需持续反馈的场景。
