-
V8引擎通过分代内存管理提升性能，新生代用Scavenge算法快速回收短生命周期对象，老生代结合Mark-Sweep与Mark-Compact减少碎片，并采用增量标记降低停顿，开发者应避免内存泄漏以优化运行效率。134 收藏 -
前端无法100%可靠捕获浏览器标签关闭事件，因此应采用“心跳+超时”的服务端状态管理策略：记录用户最后活跃时间，定期检查是否超时，以此判定离线状态。134 收藏 -
常见原因是未使用@mediaprint媒体查询，框架可能清空打印样式，或误用visibility:hidden、动态加载CSS等；需在@mediaprint中声明关键样式并避免JS依赖。134 收藏 -
结论：float实现两列布局已不推荐，应优先使用flex或grid；因float本为图文环绕设计，强行布局会导致塌陷、需清浮、响应差、IEbug等问题。134 收藏 -
实际项目中应避免使用HTML原生datetime-local，因其在Safari和Firefox中不支持；推荐拆分为date和time两个input，用flex布局对齐并添加aria-label，后端需手动合并且须统一时区处理。134 收藏 -
使用Tailwind的justify-between工具类可轻松实现Flex容器中首尾两个子元素分别贴靠左、右边缘，无需额外包裹或复杂样式。134 收藏 -
根本原因是iOS系统在input等元素聚焦时检测到font-size＜16px触发辅助缩放，真正有效解法是统一设为≥16px，如input,textarea,select,[contenteditable]{font-size:16px!important}。134 收藏 -
闭包不捕获this，其this由调用方式决定；解决方法包括缓存this、bind绑定、使用箭头函数或传参替代。134 收藏 -
thead不能直接设position:sticky，因其display计算值为table-header-group，不符合CSS规范对sticky定位元素“必须是块级或行内级”的要求，所有主流浏览器均不支持。134 收藏 -
backdrop-filter在旧浏览器中不生效是因未实现该特性，需用rgba()降级色并配合@supports检测，同时避免overflow:hidden、添加-webkit前缀及合成层优化。134 收藏 -
通过cursor属性可设置鼠标指针样式，如pointer、text、move等，用于提供交互反馈；支持自定义图片光标并设置备选值，合理使用能提升用户体验，需注意兼容性。134 收藏 -
下拉刷新通过监听touch事件实现，用户在页面顶部下拉时触发。1.监听touchstart、touchmove、touchend事件，判断是否从顶部开始下拉；2.动态调整刷新提示区域高度，显示“下拉刷新”或“释放刷新”；3.释放后若距离超过阈值则执行数据加载，完成后重置界面；4.注意兼容性、性能优化与防抖处理，可结合better-scroll等框架提升体验。134 收藏 -
用currentColor和CSS自定义属性代替写死颜色值可提升灵活性与可维护性，支持主题切换和语义化；currentColor动态继承文字颜色，适用于边框、图标等；CSS变量集中管理语义化颜色，:root中定义并用var()引用；二者结合可实现主题色自动同步与精细控制。133 收藏 -
防抖适合用户停止操作后执行的场景，如搜索联想、resize布局、表单校验；节流适合固定频率执行的场景，如滚动加载、鼠标移动追踪、Canvas动画。133 收藏 -
横向滚动主因是body默认margin和html未隐藏溢出，需设html{overflow-x:hidden}、body{margin:0}；用outline快速定位超宽元素；注意transform/fixed元素及vw单位精度问题。133 收藏
