前端技术文章
-
-0和+0是IEEE754标准下符号位不同的两个零值，影响除法、Math.atan2、跨语言交换等场景；Object.is是唯一可靠区分二者的方法，适用于坐标归零、数值工具库及WebAssembly等需精确符号语义的场合。216 收藏 -
应为CDN、API接口、字体服务、统计域名添加dns-prefetch；避免同源域名、跳转链接；href须以//开头且仅含主机名；需置于head最前；勿与preconnect混用同一域名。354 收藏 -
PerformanceAPI通过匹配带X-Cache-Hit响应头的资源加载记录，对比缓存命中与未命中时的duration及网络阶段时间戳，量化验证缓存带来的真实性能提升，如CSS文件加载从320ms降至3.2ms。198 收藏 -
Less变量需加模块前缀（如@btn-primary-bg）避免命名冲突，声明须带分号，注意引入顺序；.mixin()适合动态样式，.extend()用于固定样式合并；函数操作HSL空间，慎用嵌套；变量需同步为CSS自定义属性以联动JS。359 收藏 -
直接用浏览器右键打开HTML文件即可预览；2.使用VSCode等编辑器配合LiveServer插件实现保存自动刷新；3.通过Python命令启动本地服务器解决资源加载限制，适合完整项目测试。328 收藏 -
最常见原因是DOM解析顺序问题：<use>出现在<symbol>之前导致浏览器找不到目标ID；需确保<symbol>已解析且位于<use>前、ID严格匹配、<symbol>必须含viewBox属性。107 收藏 -
v-text安全输出纯文本，自动转义HTML字符、防XSS；v-html解析执行HTML，不转义、有XSS风险，仅适用于可信富文本。109 收藏 -
无法用Proxy+Reflect完美转发包含私有字段（#field）的类实例，因为私有字段在语法解析阶段即报错，Proxytrap和ReflectAPI均无法触达其访问逻辑。436 收藏 -
纯前端无法真正加密index.html，所有“密码保护”方案都只是障眼法；浏览器必须解析HTML/CSS/JS才能渲染，密码逻辑暴露在Sources面板，禁用JS即失效，密钥随代码下发无安全意义，仅NginxBasicAuth等服务端方案才可靠。384 收藏 -
向后兼容与极致吞吐量可通过分层设计兼顾：ES2025迭代器辅助方法本身兼容，落地关键在运行时环境、数据源形态（同步集合/异步流/遗留对象）及错误恢复策略。164 收藏 -
HTML加载失败时浏览器不自动显示fallback，需前端主动拦截并控制：fetch需检查response.ok和HTML结构，iframe用定时检测contentDocument状态，SSR场景需内联JS或ServiceWorker兜底。494 收藏 -
fetch发起GET请求最小写法需手动检查res.ok并调用res.json()；XMLHttpRequest仍不可替代于上传进度、超时控制和中断请求；CORS下fetch重定向静默失败且凭据要求更严格。249 收藏 -
CSS过渡跳动的根本原因是元素宽高比未锁定，导致尺寸突变触发重排；aspect-ratio（Chrome103+/Firefox110+/Safari16.4+）作为内在布局约束可提前预留空间，配合box-sizing和transform才能彻底防抖。187 收藏 -
:where()规则权重恒为0-0-0，必须搭配外层选择器提权才生效；Safari15.0–15.3存在多选择器解析异常，需实测或拆分规则。171 收藏 -
grid-template-areas无效通常因格式错误导致全盘失效：每行区域名数量必须一致，仅用单/双引号且不混用，空白只能用"."，grid-area值须与模板中字符串完全匹配，行列数需与grid-template-rows/columns严格对应。186 收藏