-
Chrome下input[type="search"]清除按钮需四行CSS才能彻底隐藏：先重置-webkit-appearance:textfield，再分别禁用::-webkit-search-cancel-button、::-webkit-search-decoration和::-ms-clear伪元素，否则会出现残留、留白或错位。
-
indent-8不起作用是因为TailwindCSS默认不提供text-indent工具类，需通过自定义配置（如theme.extend.textIndent+插件）或内联样式等方式手动启用。
-
通过封装可复用组件和使用@apply提取公共类，将重复的Tailwind类名集中管理，提升代码可维护性与开发效率，实现高效组件复用。
-
WebWorkers无法直接操作DOM，因运行在独立线程且无document、window等API，只能通过postMessage与主线程通信；支持console、fetch、ArrayBuffer等，不支持localStorage、XMLHttpRequest；需注意结构化克隆限制、同源脚本要求及SharedArrayBuffer使用门槛。
-
直接触发BFC可解决非浮动元素被浮动元素遮挡问题：给被遮挡元素加overflow:hidden或display:flow-root，使其避开浮动区域；overflow:visible不触发BFC，且避免滥用overflow:hidden导致弹窗裁剪。
-
PerformanceMonitor可实时监控JSHeap波动，刷新即显，适合快速排查内存异常增长；它显示可到达对象的堆内存、DOM节点数等四条曲线，但不记录历史或展示引用链。
-
HTML压缩是安全有效的性能优化手段，核心配置需谨慎：collapseWhitespace和removeComments必须配合preserveLineBreaks与ignoreCustomFragments使用，避免pre/textarea内容错乱；removeOptionalTags慎用于旧浏览器；Webpack中html-webpack-plugin需显式配置minify对象而非布尔值；服务端Gzip/Brotli压缩比构建时HTML压缩更关键且高效。
-
现代响应式布局应以flexbox+grid为核心，外层grid划分区域、内部flex流式排列，配合srcset、clamp、prefers-reduced-motion等原生特性实现真正可用的跨设备体验。
-
函数柯里化是将多参函数转为单参函数链，通过闭包逐步收参、延迟执行；函数组合则串联单参函数，让数据从右向左流动。二者结合可提升代码复用性、可测试性与表达力。
-
页脚需用flex或grid布局实现多栏响应式，禁用float；必须加flex-wrap:wrap或grid-template-columns配合断点；每列用ul包裹链接以保障可维护性、无障碍和深色模式适配。
-
Bulma通过.columns和.column类封装Flexbox布局，实现响应式设计；使用.is-centered和.is-vcentered控制对齐，.buttons和.field.is-grouped用于按钮与表单布局，结合.is-mobile、.is-multiline等辅助类可灵活调整显示效果。
-
网站破损链接可通过五种方法修复：一、用在线工具扫描全站并导出错误报告；二、用浏览器开发者工具手动验证单页请求状态码；三、运行Python脚本批量检测本地HTML文件内链接；四、直接修改HTML源码修正内部路径；五、配置服务器301重定向处理外部引用的失效URL。
-
word-break:break-all在Grid中常失效，是因为grid-item默认min-width:auto（近似min-content），优先撑宽容器而非换行；必须同时设置min-width:0、word-break:break-all和明确宽度（如max-width:100%），并确保未被white-space:nowrap覆盖，四者缺一不可。
-
SockJS通过协议协商自动选传输方式：先请求/info获取服务端支持的transports列表，再按优先级依次尝试WebSocket、XHR流、XHR轮询等，全程对业务透明，且自带会话管理、消息确认与自动重连机制。
-
定位无用HTML需先验证再删除：在Elements面板悬停或右键删除元素观察渲染变化；注释超三个月、无class/id/style的嵌套div、空标签及404脚本链接可判定冗余；隐藏暂不用结构宜用display:none加dev-only标记，清理后须真实设备回归测试。
