-
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()选择器，可构建稳定、语义化且具韧性的定位体系，实现对动态组件的精准控制与样式响应。
-
JavaScript可通过MediaRecorderAPI实现浏览器端屏幕录制，核心步骤为：获取屏幕流→创建录制器→开始录制→停止并导出Blob；需HTTPS/localhost环境及用户授权，支持分片、码率控制，但Safari不支持，且无法录制系统音频。
-
使用CSStransition实现导航菜单平滑过渡，1.通过transition:all0.3sease实现颜色背景渐变；2.利用::after伪元素配合width过渡创建下划线滑入效果；3.使用transform:scale或translate实现文字图标缩放位移；4.对于响应式菜单，采用max-height与overflow结合实现展开收起动画，避免直接过渡height:auto。
-
本文介绍在jqGrid使用ToolbarSearch时，调用reloadGrid()后搜索状态残留导致后续过滤仅作用于已过滤子集的问题，并提供通过clearToolbar(true)和refreshFilterToolbar()恢复原始数据源的完整解决方案。
