-
本文详解为何将DOM元素引用误作Leaflet地图实例会导致map.addLayerisnotafunction等错误，并提供基于ReactRef的可靠解决方案，确保地图方法（如addTo、addLayer）在子组件中正常调用。
-
HTML中最小可控占位方案：用 实现轻量可视空格，零宽空格用于隐蔽对齐；div+visibility:hidden保布局空间；padding/margin替代空元素更高效；伪元素适用于装饰性占位。
-
clip-path是CSS属性，用于定义元素可见区域，支持circle()、polygon()等函数，可结合animation实现形状动画，如圆形变六边形，通过keyframes设置起止状态，transition实现hover交互，需注意浏览器兼容性及使用-webkit-前缀适配Safari。
-
typeof能准确识别string、number、boolean、undefined、function、symbol、bigint七种类型，但对null返回"object"，且无法区分对象、数组、日期等具体类型，需结合Object.prototype.toString.call等方法精准判断。
-
Flex容器子元素侧轴未撑满，主因是align-items:stretch被覆盖或失效；需确保父容器为flex、子元素无固定宽高及align-self覆盖，且替换元素设height:auto等。
-
缩放时元素乱飘是因为transform-origin默认为50%50%，应根据交互需求设为topleft、鼠标位置等；需在同元素显式设置，JS动态计算时注意格式与重置；配合will-change或backface-visibility缓解模糊；iOS双击缩放冲突时建议降级或换方案。
-
Base64图片在CSS中需用url("data:image/...;base64,...")格式，引号和MIME类型缺一不可；字符串禁换行；大图（>10KB）内联损害性能；注意CSP、Safari兼容性及构建策略。
-
本文介绍如何在Expo应用中配合expo-file-system安全删除由expo-image-picker拍摄或选择后本地缓存的照片文件，并说明其生命周期管理策略。
-
伪元素::before无法在td上显示内容，因td是替换元素且默认display:table-cell，不支持生成内容；应改用data-label+::before在小屏下实现标题显示。
-
最稳的文字大小控制方式是使用CSS的font-size属性，优先采用px或rem单位，通过精准选择器（如.navp、headerh1）实现局部生效，配合-webkit-text-size-adjust:100%禁用浏览器自动缩放。
-
border-collapse用于合并表格边框，collapse值可消除双线间距，separate为默认分离模式；border-spacing在separate模式下设置单元格间距，常配合padding和统一border样式优化表格视觉效果。
-
HTML中连续空格失效是因浏览器默认合并空白字符； 为不换行空格， 约2字符宽， 约4字符宽；推荐用white-space:pre-wrap等CSS控制，或<pre>标签处理整段原样文本。
-
跨系统插入HTML图片到Word出现乱码，根本原因不是图片本身，而是HTML中的中文路径、的URL编码或Base64数据未被Word正确解析——尤其在macOS/Linux生成的HTML传到WindowsWord或反之。直接拖拽、复制粘贴HTML片段时，Word往往忽略原始编码声明，强行按本地默认编码（如GBK或UTF-16LE）读取，导致路径里的中文变成????或插入失败。确认HTML源文件实际编码与meta声明是否一致很多乱码源于「
-
WebWorkers是浏览器提供的后台线程API，用于执行CPU密集型任务而不阻塞主线程；其运行于隔离环境，无DOM访问权限，仅通过message机制与主线程通信，支持结构化克隆或Transferable零拷贝传输。
-
传统CSS选择器在复杂交互组件中脆弱，因其依赖易变的DOM结构、类名或索引，难以应对动态状态；而通过结合data-*属性、CSS伪类、JavaScript事件及新兴的:has()选择器，可构建稳定、语义化且具韧性的定位体系，实现对动态组件的精准控制与样式响应。
