前端技术文章
-
应主动终止跳转前pending的AJAX请求：fetch用AbortController.abort()，XMLHttpRequest调用xhr.abort()；跳转后勿发请求，改由目标页自行加载；beforeunload中禁用异步操作，改用sendBeacon上报；SPA中需在组件卸载时清理请求。449 收藏 -
Number.isSafeInteger()不能单独完成数据入库前的原始类型校验，它仅判断已是number类型的值是否为安全整数，不转换类型、不处理字符串等其他输入。114 收藏 -
pointer-events:none仅禁用事件响应而不影响视觉样式，元素仍显示但点击穿透；需配合-webkit-tap-highlight-color:transparent消除点击高亮，且不继承，子元素须显式设auto才可响应。403 收藏 -
HTML5页面模糊通常由Windows非整数缩放、浏览器DPI渲染策略或Intel核显驱动过旧导致，而非HTML5标准本身问题；应优先设系统缩放为100%、启用Chrome高DPI支持参数并更新Intel官方显卡驱动。250 收藏 -
HTML文件必须保存为UTF-8无BOM编码；<metacharset="utf-8">须置于<head>内最前；服务器响应头Content-Type优先级最高；AJAX中文乱码需后端设charset或JS显式指定MIME类型。145 收藏 -
display:none完全移出可访问性树，visibility:hidden保留在树中但不可见，aria-hidden="true"仅屏蔽辅助技术读取。三者对屏幕阅读器影响不同，需依语义和交互需求选择。153 收藏 -
合并CSS文件能提升加载性能，因其减少关键路径上的网络往返次数，缓解浏览器并发请求限制导致的排队阻塞；但需区分场景：基础通用样式应合并，路由专属或条件样式应按需加载。100 收藏 -
Proxy本身不提供回滚或审计能力，但可作为统一钩子，在set/deleteProperty中触发快照、比对与日志；需结合外部系统实现持久化、权限校验与通知闭环。406 收藏 -
flex-basis:content经常不生效，因浏览器支持有限且仅在特定条件下触发内容宽度计算，常回退为auto；验证需查Computed样式中是否显示content。304 收藏 -
本文详解Canvas2D上下文中translate()与drawImage()坐标系差异导致的图像错位问题，通过修正旋转中心点（从左上角改为图像中心），实现精准、无偏移的图像旋转。330 收藏 -
navigator.vibrate仅在ChromeforAndroid、FirefoxforAndroid、SamsungInternet等现代安卓浏览器支持，iOSSafari完全禁用且navigator.vibrate为undefined。270 收藏 -
自定义表单控件需通过伪元素+相邻选择器绑定状态，补全浏览器前缀、隐藏原生控件、适配暗色模式与禁用态，并确保可访问性。254 收藏 -
滚动驱动固定是CSS新标准，原生支持滚动进度控制位置，仅Chromium115+稳定支持；position:sticky可实现兼容性更好的“伪滚动固定”；真滚动驱动需scroll-timeline与animation-timeline配合，JS方案须用requestAnimationFrame防抖。170 收藏 -
WebWorker能缓解卡顿，但仅对纯计算任务有效；用错会加重卡顿，因其不解决DOM或IO阻塞，且高频postMessage、不当通信或低端设备多实例反而引发新卡顿。115 收藏 -
用opacity和visibility组合配合transition实现自然淡入淡出，避免display切换；定义fade-in动画并设置transition时序，确保进出动效平滑，辅以position:absolute或固定高度防抖动。321 收藏