-
用requestAnimationFrame实现可暂停动画需维护isPaused状态，仅在非暂停时递归调用；按钮点击需禁用防连点、状态驱动文案；Canvas暂停时停渲染以定格画面；移动端应设touch-action:manipulation防默认行为。
-
下拉箭头旋转不生效的核心原因是display:none阻断过渡及transform-origin默认偏移；应改用visibility:hidden+opacity:0或max-height:0，设transform-origin:50%50%，并统一动画时序与状态同步。
-
JavaScript原型链是对象继承的核心机制，通过[[Prototype]]隐式引用逐级向上查找属性和方法，最终指向null；构造函数的prototype属性决定实例的原型，ES6class底层仍基于此机制实现继承。
-
linkrel="stylesheet"默认阻塞渲染是为了避免FOUC，确保样式确定后再渲染；可通过media属性（如media="print"）延迟非关键CSS加载，DOMContentLoaded时激活，不阻塞解析。
-
HTML5中文乱码需四步解决：一、在<head>首行添加<metacharset="UTF-8">；二、确保文件以UTF-8无BOM编码保存；三、检查服务器Content-Type响应头含charset=utf-8；四、保证meta标签前无任何非ASCII字符或空行。
-
border-radius属性可设置元素圆角，支持统一、分角、椭圆及单独控制，用于美化按钮、图片等。
-
absolute定位的参考点是最近的已定位祖先元素，否则为初始包含块；常见失效原因包括父元素高度为0、overflow隐藏、非祖先关系或position被覆盖。
-
font-family值按从左到右顺序优先匹配，最想要字体置首，中文字体需显式前置并引号包裹，结尾必须加通用族（如sans-serif），否则声明可能被浏览器忽略。
-
mounted钩子是初始化第三方库的黄金时机，此时$el已存在且已挂载；created和beforeMount因DOM未就绪而不可用；需注意销毁清理、异步加载及SSR兼容性，并推荐使用ref精准控制挂载元素。
-
HTML数据归档需确保完整性与可持续性，首选WARC格式或结构化打包，结合自动化采集、元数据记录及定期验证，保障长期可读可用。
-
R中加载HTML5页面有五种方法：一、用browseURL()打开本地HTML文件；二、用shiny::runApp()托管于www目录；三、用webshot2::chrome_print()生成快照预览；四、用htmlwidgets::createWidget()封装为可复用小部件；五、用servr::httd()启动HTTP服务器调试。
-
JavaScript模块是ES6引入的原生代码复用机制，通过export导出、import导入实现作用域隔离与严格模式执行；支持命名导出、默认导出、统一导出及动态导入import()。
-
不能用opacity因为它会使子元素（文字、图片等）一同变透明；应使用background-color的rgba()值，仅让背景透明而内容保持100%不透明，兼容性好且语义清晰。
-
最安全的写法是单值border-radius:10px，四角等半径得标准圆角矩形；斜杠写法如10px/20px会触发椭圆模式；四值需严格按左上、右上、右下、左下顺序；超尺寸时浏览器自动限制为宽高一半；表格中需对单元格设圆角并配合overflow:hidden裁剪。
-
Flexbox与媒体查询结合可实现响应式布局。通过display:flex启用弹性布局，利用flex-direction、justify-content、align-items和flex-wrap控制子元素排列与对齐；结合@media断点（如max-width:767px适配手机，min-width:768px适配平板），在不同屏幕尺寸下调整flex-direction或flex-basis，使布局自适应。例如卡片布局中，大屏使用flex-wrap:wrap和flex:11300px实现多列分布，小屏通过
