-
AndroidChrome加载file://下CSS/JS必须用./前缀，否则解析为系统根目录致404；video需遮罩封面、用户手势触发播放；Flex需全兼容声明；触摸和表单须手动干预样式与行为。
-
103EarlyHints是HTTP/2+下服务器在200响应前发送的轻量提示（RFC8297），通过Link头提前告知浏览器预加载关键资源；HTML不触发该响应，仅作为接收方受益于浏览器自动执行的预加载行为。
-
HTML5显示图片有三种方法：一、用<img>标签src属性加载本地或网络图片，需设相对/绝对路径及alt文本；二、用FileReaderAPI读取用户选择的文件并转为DataURL动态显示；三、用URL.createObjectURL()创建临时URL预览图片，需配合revokeObjectURL释放内存。
-
首先，relative为absolute提供定位上下文，使其相对于最近的已定位祖先定位；其次，absolute元素脱离文档流，不受float影响；再次，relative可配合float对浮动元素进行微调；最后，在图文混排中，通过给父容器设relative，内部元素用absolute定位角标，同时图片使用float实现文字环绕，三者协同完成经典布局。
-
HTML本身不能做数据权限控制，真正起作用的是后端在查询时就过滤数据，如SQL中添加WHEREcreator_id=?，确保返回的JSON不包含用户无权查看的行或字段，前端仅依据后端提供的权限标记（如editable、actions）动态渲染UI。
-
外部样式表和<style>标签必须放在<head>中，<script>默认应置于</body>前；必须放<head>的脚本需加defer属性。
-
安卓WebView点击后半透明灰色遮罩是-webkit-tap-highlight-color的默认行为，需对可点击元素显式设为transparent并确保样式优先级、作用域及语义属性（如role="button"）完备。
-
正确做法是先用slice(0,maxLength-3)截取，再判断是否超长并拼接"..."；padEnd()仅用于补空格对齐，不参与截断或打点。
-
showPicker()仅在Chromium98+（Chrome、Edge、Opera）及AndroidWebView120+中稳定支持，Firefox、Safari和iOSWKWebView完全不支持；需运行时检测并满足DOM可交互、用户手势触发等条件。
-
BEM通过命名约束避免样式冲突和维护灾难：Block（如card）为独立单元，Element（如card__title）须依附Block，Modifier（如card--featured）表状态且不单独使用。
-
place-content:center无效大概率因父容器未设display:grid，或内容区域已撑满容器；它只对多行多列且内容区域小于容器时生效，作用对象是网格整体内容区域而非单个子项。
-
BootstrapModal必须配合JS才能实现完整交互功能，仅HTML+CSS无法自动弹出、加遮罩或管理焦点；最小结构需包含modal容器、dialog、content三部分并设唯一id；常用问题包括未引入bootstrap.bundle.js、触发按钮属性缺失或ID错误；自定义样式推荐使用CSS变量以兼容JS行为。
-
柯里化是让函数分步接收参数并返回新函数，直至参数齐备才执行，不改变原始逻辑而适配函数式编程；需按语义分层固化参数、用通用curry工具指定arity、结合闭包预置上下文，并自然融入pipe/compose数据流。
-
drop事件不触发是因为浏览器规范强制要求在dragover阶段调用event.preventDefault()，否则拒绝执行drop；dataTransfer仅可靠传递text/plain字符串且限同源；需显式设置draggable="true"才能触发dragstart。
-
父容器高度为0是因浮动元素脱离文档流，推荐用display:flow-root触发BFC修复；兼容IE时回退overflow:hidden；Flex/Grid布局下无需处理浮动塌陷。
