-
骨架屏纯CSS实现的核心限制是无法动态获取DOM尺寸,须手动预设宽高、圆角等;呼吸感动画靠background-size与position配合渐变;响应式需同步调整aspect-ratio、padding等;IE11兼容需用伪元素遮罩替代clip-path。
-
应使用带断点前缀的CSS变量(如--spacing-xs)统一管理响应式间距,在各媒体查询内重新赋值以实现精准控制,避免用clamp()破坏设计节奏,同时注意SSR和构建工具对变量的支持问题。
-
子资源完整性(SRI)是浏览器对<link>或<script>加载的外部资源进行的哈希校验机制,需同时设置integrity和crossorigin="anonymous"属性才生效,校验基于原始未压缩、无BOM、UTF-8编码的资源字节内容。
-
JavaScript设备指纹需组合navigator、screen等只读属性,优先选取稳定、跨域可读且不触发权限弹窗的字段;避免已失效的plugins/mimeTypes,慎用降级的userAgent,推荐platform、hardwareConcurrency、screen尺寸配合devicePixelRatio;userAgentData受限于授权与兼容性,仅作补充;隐私模式下colorDepth、字体API等可能被篡改或禁用;HTML结构宜用语义化dl列表组织,字段ID需唯一带前缀,动态时间字段应哈
-
JavaScript大对象内存泄漏主因是隐式引用未清除,赋值null仅在无其他引用时有效;应优先用WeakMap、destroy方法、避免闭包捕获等主动管理策略。
-
可通过五种方式阻止HTML5功能:一、Firefoxabout:config禁用MediaSource、WebAudio等API;二、uBlockOrigin等扩展用CSS隐藏video/audio/canvas;三、IE/EdgeLegacy降级文档模式;四、UA伪装为旧浏览器;五、禁用JavaScript间接停用依赖JS的HTML5特性。
-
粒子爆炸需用JS随机生成极坐标(角度+半径)并转为translate值,CSS动画控制终点状态,配合will-change和图层提升防卡顿,禁用filter:blur保障性能。
-
<metahttp-equiv="refresh">通过content属性实现页面定时刷新,格式为“秒数;url=地址”,秒数为正整数,url省略时默认刷新当前页,不依赖JS,但会丢失状态且不推荐用于生产环境。
-
统一SVG图标颜色首选CSSfilter(适合单色快速上色)和mask(支持多色/渐变/精准控制),两者均无需修改HTML;filter适用于纯黑/白图标,mask需配合background-color与SVG掩码,兼顾hover与描边场景。
-