-
IE8中contenteditable仅在标准DOCTYPE下且显式写为contenteditable="true"时有效；需用input/propertychange监听、innerHTML读取、execCommand插入内容，并避免复杂编辑操作。
-
生产环境隐藏路由源码的核心是分层设防：路由声明层混淆标识符与字符串，加载层切断静态依赖链，控制层混淆守卫逻辑并加入反调试，运行时层动态注册、WASM隔离及内存抹除。
-
该用<wbr>时是在长URL、驼峰变量名、邮箱等有天然逻辑断点的无空格文本中提示可选折行位置，而非强制换行；它依赖容器宽度与overflow-wrap:break-word生效，不兼容IE，且在white-space:nowrap或word-break:keep-all下失效。
-
HTML无法直接实现软件下载页功能，需服务器返回Content-Disposition:attachment等响应头，且必须使用HTTPS；对跨域.exe链接无效，推荐后端代理或Blob下载方案。
-
网页自动刷新可用<metahttp-equiv="refresh">实现定时全页重载，但不适用于SPA；JavaScript的location.reload()更灵活可控，适合条件判断与状态管理。
-
应直接缓存已编译的Pattern实例，因其线程安全、不可变，避免重复compile带来的性能损耗和GC压力；推荐用ConcurrentHashMap以正则字符串为key缓存，并通过computeIfAbsent原子化管理。
-
不能——SharedArrayBuffer不能直接传递ImageData.data，因其底层为普通ArrayBuffer；必须显式创建SharedArrayBuffer并用一致类型视图（如Uint32Array）包装，且所有Worker需严格统一字节长度与视图类型，否则导致读写错位或像素混乱。
-
文字效果可通过CSS实现，text-shadow添加阴影，-webkit-text-stroke实现描边，background-clip结合渐变背景制作渐变文字，三者可叠加增强视觉表现，其中阴影兼容性最佳，描边与渐变需注意浏览器支持。
-
align-items是容器级属性，控制所有子项在交叉轴上的对齐；align-self是子项级覆盖属性，优先级更高，可单独调整某子项对齐方式。
-
history.pushState()新增历史记录，适合导航跳转；replaceState()替换当前记录，适合修正URL而不留返回点；二者均需配合popstate监听及服务端配置防404。
-
Flex子项宽度应由flex-basis精确控制，而非依赖width；需配合box-sizing:border-box、min-width:0及内容溢出限制，避免隐式计算偏差。
-
CSS中唯一的注释方式是块注释/*...*/，可用于多行注释、代码禁用和模块划分；它在调试、团队协作和代码维护中发挥重要作用，通过合理使用可提升代码可读性和可维护性。
-
用newDate()和循环拼DOM可快速生成可交互HTML日历：先算当月1号星期几和总天数，补上下月/上月占位；为每个<td>添加data-date属性；用事件委托监听父容器点击；IE11需拆分日期字符串传参；推荐CSSGrid布局。
-
String.prototype.codePointAt是统计Emoji语义长度的必要选择，因其按Unicode码点而非UTF-16码元计数，能正确识别增补平面字符；但不解析ZWJ序列，仅逐个返回组成码点。
-
background-image:url(attr(data-bg))不生效，因attr()在该属性中未被浏览器支持；正确做法是用JavaScript读取data-bg值并赋给style.backgroundImage，或通过CSS变量中转（需注意Safari15.4+兼容性）。
