
safari
CSS3动画适合声明式简单交互动画,requestAnimationFrame适合需精确控制、数据驱动或复杂逻辑的动画;前者性能高但灵活性低,后者可实时读取DOM、响应交互、同步音频等。
兼容性最强的是float+margin方案,支持IE6;现代项目首选flex布局,IE10+支持;grid最简洁但仅限现代浏览器;absolute定位因脱离文档流、维护难、可访问性差而不推荐。
:checked仅适用于checkbox和radio,匹配被选中元素本身;:disabled匹配所有禁用表单元素,二者可组合使用,但需注意DOM结构与选择器关系。
HTMLMediaElement提供play()、pause()、volume、muted等方法和属性控制音视频,需在用户交互后调用play()并处理自动播放限制,监听loadedmetadata等事...
draggable="true"仅开启可拖拽状态,不自动触发拖拽逻辑;必须配合dragstart、dragover(需preventDefault)、drop等事件及dataTra...
HTML5拖拽上传必须在dragover事件中调用event.preventDefault(),否则drop事件不会触发;drop事件中通过e.dataTransfer.files获取文件列表,需转为...
表单控件盒模型无统一标准,需显式重置:统一设box-sizing:border-box;height改用min-height+line-height;appearance:none后必须手动补全pad...
gap已取代grid-gap,是row-gap和column-gap的简写,支持单值(统一行列间距)和双值(分别设行、列间距),且在现代Grid和多行Flex中均适用,语法更简洁、语义更清晰。
所有现代浏览器完整支持rgb()、rgba()、hsl()、hsla()和十六进制颜色;IE8及更早版本仅支持十六进制、命名色和无alpha的rgb(),不支持rgba()和hsl(),需提供降级写法...
是,主流浏览器已支持WASMSIMD,但Safari仅限新系统且不支持部分256-bit指令;需用Clang编译并显式启用-msimd128,调用内联函数,JS侧内存必须16字节对齐。