-
应监听input事件，用[...value].length计算字数，截取超长内容后手动重置光标位置，textContent更新计数器，避免强制同步布局。
-
height:0无法与height:auto过渡，因CSS过渡不支持auto；改用max-height（如0→500px）配合opacity和visibility，并设overflow:hidden，可实现真正收放动画。
-
用div模拟进度条并用linear-gradient实现彩色效果，需通过width或transform:scaleX()控制填充长度，避免直接样式原生progress标签，兼容IE9需加纯色兜底和-ms-前缀。
-
Chrome120+已废弃-webkit-font-smoothing，Safari仍支持但受限于系统设置与渲染上下文；中文字体启用antialiased反而发虚；应改用text-rendering、font-optical-sizing和显式font-weight等标准属性。
-
ContactPickerAPI可在安全上下文中异步获取用户选择的联系人原始字段并直写DOM，仅支持Chromium80+，需检测navigator.contacts可用性、显式声明字段、处理多值数组及AbortError等异常。
-
Proxy和Reflect是运行时对象行为干预的底层机制，非语法糖；Proxy创建代理层拦截读写/调用等操作，Reflect提供与Proxytrap一一对应的、安全可控的操作方法。
-
侧边栏写了width:240px仍被压缩，是因为Flex容器中子项默认flex-shrink:1，需显式设flex-shrink:0或flex:00240px锁定宽度；仅设width无效，且IE11需同时声明width和flex-basis。
-
不能用height:auto做下拉菜单过渡动画，必须用grid-template-rows+minmax(0,max-content)实现平滑伸缩；因auto非数值，无法插值，而grid方案依赖确定高度上下文、display:grid声明和overflow:hidden三前提。
-
Apache启动失败提示Addressalreadyinuse:AH00072说明：这表示80或443端口被其他进程占了，不是Apache配置错了，而是端口冲突。Windows常见于Skype、IIS、甚至某些杀毒软件；macOS/Linux则可能是另一个httpd或nginx进程在跑。实操建议：先查谁占着端口：sudolsof-i:80（macOS/Linux）或netstat-ano|findstr:80（Windows），记下PID干
-
使用requestAnimationFrame结合缓动函数可实现流畅动画。它通过适配屏幕刷新率、自动暂停不可见页面并同步渲染，避免卡顿与耗电；配合ease-in-out等缓动函数，使运动更自然，提升视觉效果与性能表现。
-
本文详解如何在Nuxt3中绕过defineNuxtConfig的同步限制，通过插件+setLocaleMessage动态加载并注入远程locales和翻译资源，兼容路由国际化、语言切换与SSR/SSG场景。
-
HTML5视频居中首选Flex布局：父容器设display:flex、justify-content:center、align-items:center及明确高度；次选绝对定位+transform；margin:0auto需配合display:block和固定宽度才生效。
-
HTML5播放卡顿与html5play函数名无关，根源在于媒体加载、解码、渲染链路及调用时机；需检查preload设置、用户手势触发、seek事件监听、服务端Range支持及硬件适配。
-
加了transform-style:preserve-3d仍无立体感，大概率是父容器漏设perspective，或perspective未作用于直接包含3D子元素的层级；perspective必须由上一级设置才能影响其直系子元素的3D投影计算。
-
用 插入不被合并的空格，因其为不间断空格、宽度约等于一个英文字符，最常用；面包屑中>前后推荐写为“ > ”，并添加aria-hidden="true"避免读屏器误读。
