-
HTML无法直接标注“字/分钟”朗读语速，屏幕阅读器忽略aria-label中的语速描述，仅按用户预设全局语速播放；真正影响朗读节奏的是HTML语义结构（如<p>、<section>）和标点符号，而非数字标签。
-
padding百分比值统一基于父容器宽度计算，与高度无关；适用于水平等比缩放布局，不适用于垂直居中；父宽为auto时仍有效，但需防塌陷；替代方案包括vh、calc()配合自定义属性或伪元素。
-
CSRF漏洞指攻击者冒用用户身份发起未授权操作，防御需结合CSRFToken、SameSiteCookie等机制，通过验证请求来源与身份绑定防止跨站请求伪造。
-
justify-content:space-between未生效的常见原因包括父容器未设display:flex、子元素过少（需≥2个）、子元素被设为flex:00100%或margin:auto抢占控制权，以及column方向下父容器缺少明确高度；其与space-around、space-evenly的核心区别在于首尾子元素是否留白；IE11不支持space-evenly，且对flex:1和flex-wrap:wrap兼容性差。
-
可通过在线编辑器、本地文件或集成环境运行HTML代码。一、使用在线代码编辑器：在豆包聊天界面输入指令并附带HTML代码，系统将调用JSFiddle等工具生成预览链接，点击即可查看渲染效果。二、借助本地文件方式：复制代码至文本编辑器并保存为index.html，通过设备浏览器打开文件实现离线预览。三、利用豆包集成开发环境：发送完整HTML代码并注明“请在开发环境中运行此代码”，系统将启动模拟浏览器组件，在弹出窗口中实时展示页面效果。
-
DevTools是调试JavaScript最高效工具，Console和Sources面板覆盖90%需求；debugger语句轻量但依赖执行路径，Sources断点更可控，支持条件、XHR、DOM等断点；需启用sourcemap和禁用缓存；console.table/group/trace提升日志效率；断点失效常因动态加载、模块延迟、eval或sourcemap失配。
-
CSS图标旋转动画需定义@keyframes旋转帧并用animation应用，注意元素display兼容性、避免overflow裁剪，支持方向控制、cubic-bezier节奏调节及hover暂停，图标与文字应分层以确保仅图标旋转。
-
可通过纯HTML5、CSS3与JavaScript实现按钮点击缩放反馈：一、用:active伪类+transform/scale/transition；二、JS监听mousedown/mouseup动态控制；三、CSS变量联动JS配置多级参数；四、适配移动端touch事件防延迟与多点干扰；五、@keyframes封装动画并JS触发。
-
LocalStorage只存字符串，存对象需JSON.stringify()、读取需JSON.parse()并加try...catch兜底；null/undefined会被转为字符串；受同源限制、无过期机制、不通知写入结果。
-
ST表通过O(NlogN)预处理构建稀疏表，实现O(1)区间最小值查询，适用于静态数据；线段树支持动态更新与O(logN)查询，灵活性高；树状数组适合前缀和操作，RMQ非首选。前端可用于数据可视化、性能监控等需快速极值查询的场景。
-
关键CSS内联可提升页面加载速度，通过将首屏必需的最小CSS嵌入HTML头部，减少渲染阻塞。使用工具如Critical或Penthouse自动提取关键CSS，并在<head>中用<style>标签内联，非关键CSS异步加载。需控制内联体积在14KB内，按页面单独提取，避免冗余。结合preload预加载和缓存策略优化性能，提升FCP指标，是前端性能优化的基础实践。
-
ES6是JavaScript在2015年发布的重大更新，核心包括let/const（块级作用域、无变量提升）、解构赋值（数组/对象一键提取）、箭头函数（简洁语法、继承外层this），显著提升代码质量与开发效率。
-
要制作带有弹性效果的CSS卡片悬浮动画，核心是使用cubic-bezier缓动函数模拟回弹感。1.首先创建HTML结构，用div构建卡片容器和卡片元素；2.在CSS中设置.card基础样式，包括尺寸、圆角、阴影及transition属性，关键在于transition使用cubic-bezier(0.68,-0.55,0.265,1.55)实现弹性缓动；3.在.card:hover中定义transform:scale(1.05)translateY(-8px)和增强的box-shadow，使卡片悬浮时有放大
-
JavaScript组件化核心是封装状态、隔离逻辑、声明式渲染、可组合更新四思路；可用Class封装生命周期，函数组件模拟Hooks，vnode+diff实现声明式更新，children和插槽支持组合嵌套。
-
使用absolute定位和z-index可高效实现图标提示。1.父容器设为relative，提示元素用absolute定位至图标角落；2.设置较高z-index确保提示显示在顶层；3.适用于角标、消息提示等场景，建议结合响应式单位与动态显隐控制。
