-
正确写法是用Array.from(text).length统计Unicode字符数，再按正则/\u4e00-\u9fa5\u3400-\u4dbf\uf900-\ufaff/和/[a-zA-Z0-9\u0020-\u007E]/分别匹配中文、英文字符，配合防抖与composition事件处理输入法中间态。
-
可通过四种方法在百度浏览器中打开本地HTML文件：一、菜单栏“打开文件”；二、系统默认关联设置；三、拖拽至浏览器窗口；四、命令行快捷方式启动。
-
绝对定位缩略图前必须设父容器为position:relative，否则会相对于最近定位祖先偏移导致错位；top/left需手动计算，CSS变量可辅助但兼容性受限；z-index仅对定位元素生效；响应式下推荐Grid/Flexbox替代。
-
位运算通过操作二进制提升效率，如用n&1判断奇偶、n&(n-1)判断2的幂、左移右移实现乘除2的幂，异或交换变量，结合补码处理负数，适用于状态压缩、快速取模等场景。
-
父容器包含浮动元素时会因脱离文档流导致高度塌陷，解决方法有三种：1.使用clearfix类通过::after伪元素clear:both清除浮动；2.设置overflow:hidden或auto触发BFC实现包裹；3.采用display:flow-root创建无副作用BFC，现代浏览器推荐此法。
-
Grid用repeat(3,1fr)替代width:33.33%更稳，避免百分比错位；用gap代替margin防破坏均分；响应式用auto-fit+minmax自动适配列数；align-items:end轻松底部对齐；现代浏览器全支持，IE11需降级。
-
box-shadow不会撑开容器因其仅属绘制层视觉效果，不参与盒模型计算，不影响宽高与布局流；多层阴影用逗号分隔，后写者在上；高DPR下模糊变粗是抗锯齿所致；drop-shadow基于Alpha通道，适配形状而box-shadow基于矩形盒模型。
-
直接在父元素加transition对子元素无效，因为CSS过渡只作用于自身显式声明变化的属性，不继承或代理到子元素；子元素需单独声明transition才能生效。
-
JavaScript操作CSS样式和动画的核心是动态修改样式属性并利用浏览器渲染机制；可通过直接设置style属性、切换CSS类、CSStransition或requestAnimationFrame实现不同场景的动画效果。
-
TypeScript是JavaScript的超集，编译时擦除类型仅留JS，故tsc输出可运行；any绕过检查，unknown需守卫；interface支持声明合并、implements，type支持联合/元组；严格配置与CI校验是类型系统生效前提。
-
CSS自定义属性是主题切换最轻量灵活的方式，通过:root定义变量、data-theme控制切换、localStorage持久化，并需确保回退值、作用域和层叠顺序正确。
-
TreeShaking依赖ES6静态模块语法，通过分析import/export明确引用关系，标记未使用导出并在压缩阶段由Terser删除，需配置sideEffects并避免CommonJS以确保效果。
-
卡片高度不一致的根源是grid默认align-items:stretch需行高锚点，而未设grid-template-rows时浏览器按内容最高项定行高；解决需显式定义grid-template-rows:1fr或grid-auto-rows:1fr，并配合min-height、flex-column内部对齐及aspect-ratio统一图片。
-
ApachePOI解析.docx转HTML会丢失样式和结构，仅适用于纯文本提取；推荐用docx4j并配置Saxon-XSLT引擎导出HTML5，避免使用已废弃的HWPFDocument处理.doc文件。
-
TDD通过“红-绿-重构”循环提升JavaScript代码质量：先写失败测试，再编写通过代码，最后重构并验证。配合Jest、Vitest等工具可高效实现自动化测试，确保代码稳定可靠。
