-
SWR是彻底取消等待的缓存策略：首次渲染用缓存，后台静默更新；需服务端设置Cache-Control头，仅Chrome≥75/Firefox≥115原生支持；ServiceWorker手动实现更通用，框架层SWR库提供staleTime等精细控制。
-
要实现“元数据保护”的拷贝，需先用Object.assign()复制可枚举自有属性值，再用Object.defineProperties()结合Object.getOwnPropertyDescriptors()补全不可枚举属性、getter/setter及属性描述符等元数据。
-
内联样式中linear-gradient失效通常因三方面：未写background-image前缀、颜色值格式错误（如hsl空格或rgba缺a）、方向参数拼写错误（如botton）。
-
冒泡排序通过相邻元素比较交换，将最大值逐步移到末尾；2.选择排序每次从未排序区选最小值插入已排序区末尾；3.插入排序将未排序元素插入已排序序列的正确位置；4.快速排序以基准分治递归排序左右子数组；5.归并排序通过二分后合并有序子数组实现整体有序。
-
浏览器不对CSS颜色值做“自动优化”，仅按规范进行确定性解析与归一化；不同语法（如#f00、rgb()、red）最终映射为统一sRGB值，无合并或缓存；渲染阶段的颜色空间转换（如display-p3）属底层行为，非语法层面优化。
-
scrollbar伪元素不支持transition，因其不属于常规渲染树；应通过transform+requestAnimationFrame模拟缓动，或用scrollIntoView({behavior:'smooth'})等滚动API实现真正平滑效果。
-
当用户在固定高度、可滚动的容器内操作<inputtype="range">并滚轮调节时，浏览器默认会同时触发父级div的滚动，造成体验干扰；本文提供一种基于鼠标悬停状态+全局wheel事件拦截的可靠解决方案。当用户在固定高度、可滚动的容器内操作``并滚轮调节时，浏览器默认会同时触发父级div的滚动，造成体验干扰；本文提供一种基于鼠标悬停状态+全局wheel事件拦截的可靠解决方案。在React（尤其是使用MU
-
使用记事本编写HTML代码并保存为.html文件，注意选择“所有文件”类型和UTF-8编码；2.双击文件用浏览器运行，若打开异常需检查后缀是否为.html；3.修改时用记事本编辑并保存，浏览器刷新即可查看更新。操作简单但需注意保存细节。
-
准确统计WebSocket连接数需服务端主动维护原子计数器：在connection事件增、close/error事件减，避免依赖wss.clients.size；配合心跳超时踢出，并通过process.nextTick安全暴露HTTP接口。
-
通过SublimeText4可一键生成HTML+CSS项目模板，提升前端开发效率。首先，创建自定义Snippet片段，输入htmltpl后按Tab键即可生成包含标准结构的HTML文件；其次，配置BuildSystem调用Shell脚本，运行后在当前目录生成project文件夹及index.html、style.css文件；最后，结合PackageControl安装Emmet和SideBarEnhancements插件，实现快速代码补全与文件管理，进一步优化开发流程。
-
place-items:center没反应最常见原因是父容器未设display:grid；它仅对grid/inline-grid容器有效，且要求子元素为直接子项、未被align-self/justify-self覆盖，也不适用于absolute脱离文档流的元素。
-
CSSModules文件名必须与BEM块名严格对齐，类名映射依赖文件名作为Block根，如Button.module.css中.btn解析为Button_btn__abc123；块名需语义一致、元素用双下划线、修饰符须与Block同级；classnames可安全拼接BEM类名；postcss-bem-linter是BEM落地的校验底线；localIdentName应保留[name]和[local]以利调试。
-
Day.js比Moment.js轻因支持tree-shaking、无依赖、纯函数式设计且插件按需引入；核心仅约2KB，不修改原生Date，仅用format和加减时无需插件。
-
抽屉侧边栏必须用transform而非left或margin-left，因其仅触发重绘或合成层提升，配合GPU加速更顺滑；需加will-change:transform、避免overflow:hidden截断、禁用bodyoverflow锁定。
-
form.elements是获取表单可提交控件最轻量标准方式，需确保控件有name属性、过滤disabled和非输入类元素，并正确处理checkbox/radio等同名多控件及结构化数据组装。
