-
TailwindCSS通过实用类实现高效布局，支持响应式与状态变体，结合自定义配置提升复用性，让开发者在HTML中快速构建一致且灵活的UI。
-
draggable设了没反应是因为普通元素需手动监听dragstart并调用setData()，drop事件依赖dragover中preventDefault()，且移动端完全不支持原生拖拽。
-
absolute元素默认宽度不随内容撑开，需通过left/right、显式width或min-width等手段控制；其撑宽效果依赖position非static的包含块，父容器常需设position:relative。
-
推荐使用Ruffle嵌入或AdobeAnimate重制。SWF因Flash淘汰难以播放，可通过Ruffle模拟器在HTML5环境运行，或用AdobeAnimate将FLA源文件导出为HTML5Canvas保留交互功能，无源文件时可借助在线工具转视频格式但丢失交互性。
-
flex-direction是Flex布局核心属性，用于设置主轴方向和子元素排列方式：row为默认水平左到右，row-reverse为水平右到左，column为垂直上到下，column-reverse为垂直下到上，结合媒体查询可实现响应式布局。
-
currentcolor是CSS颜色值关键字，取当前元素的color计算值，不触发继承；它用于让border、fill等非继承属性视觉绑定文字色，但需注意伪元素需先color:inherit、内联SVG需显式设置fill:currentcolor。
-
要让链接间竖线正常显示且最后一个不出现，需用a:not(:last-child)::after{content:"|";margin-left:8px;display:inline-block;vertical-align:middle;}，并确保父容器white-space:nowrap、a有足够padding且无overflow:hidden。
-
需通过CSS媒体查询实现响应式布局，具体包括：一、语义化HTML5结构与相对单位；二、移动优先的断点设计；三、viewport元标签声明；四、流体栅格重构；五、rem字体缩放。
-
JavaScript代码分割核心是动态import()实现按需加载，减少首屏体积；它返回Promise，支持变量路径，配合路由、用户行为及webpackChunkName注释可优化分包与加载时机。
-
iPad上audio.play()必须由用户手势触发，否则静默失败；iOS自iOS10起强制限制非交互式播放，即使autoplay+muted也不可靠；首次播放需绑定click/touchend并catch错误。
-
Less中~""用于原样输出字符串，避免编译器解析括号、空格、运算符等；须包裹整个值，不支持内部插值，变量需先拼接再包裹，适用于filter、calc()、@keyframes等场景。
-
优先采用外部样式表并内联关键CSS，通过渐进增强策略提升首屏渲染速度：1.提取首屏关键样式并内联至head；2.异步加载非关键CSS；3.利用构建工具自动化优化；4.结合媒体查询与服务端渲染，实现分层加载，保障基础体验后再增强视觉效果。
-
BroadcastChannel通过同名频道实现同源页面间实时通信，支持结构化克隆数据传输，相比localStorage更高效、语义更清晰，适用于多标签页状态同步。
-
JavaScript解构赋值仅支持可迭代对象和对象：数组、字符串、Map、Set等可数组解构；普通对象、Map键值对等可对象解构；undefined、null、数字、布尔值直接解构会报TypeError。
-
怎样用替代文本域不是“设置出来的”，而是用标签直接写的。很多人卡在第一步：误以为给加个属性就能变多行——不行，type="text"永远单行，type="textarea"不存在。常见错误现象：input设置了rows或cols属性但没效果；加了wrap="soft"也没用；CSS强行设height和white-space后换行显示异常。是独立标签，必须成对出现（...），内容写在标签中间默认可换行、可滚动、支持回车提交（除非form阻止默认行为）
