-
在Electron全屏Kiosk应用中，当嵌入的iframe页面包含mailto:链接时，系统默认会启动外部邮件客户端，导致用户脱离应用。本文介绍如何通过will-frame-navigate事件精准拦截此类跨帧导航请求，无需修改iframe内容即可实现全局防护。
-
应监听mousemove或touchmove（依设备能力探测），将归一化坐标存入:root的CSS变量（如--mouse-x-pct），CSS中用background-position:var(--mouse-x-pct)%var(--mouse-y-pct)%或transform:translate(var(--mouse-x),var(--mouse-y))实现平滑响应，注意单位一致、防抖及移动端preventDefault。
-
将HTML文件放在webapp目录下，通过正确路径访问，配置欢迎页可实现根路径自动加载，使用IDE部署到Tomcat后即可访问多个页面，注意项目名和路径大小写。
-
可行但有浏览器兼容边界：Chrome103+、Firefox110+、Safari16.4+支持aspect-ratio，旧版Safari（15.x及更早）或IE不支持，需用padding-top百分比技巧fallback。
-
Proxy是JavaScript用于拦截并自定义对象基本操作的代理构造函数，通过handler提供get、set、has、deleteProperty等trap拦截读写、枚举、构造等行为，支持校验、日志、响应式等场景。
-
MobX通过observable、action、computed和reaction实现自动依赖跟踪，利用Proxy或defineProperty拦截数据读写，构建响应式依赖图，状态变化时精准更新依赖项。
-
懒加载与动态导入本质是按需加载技术，核心为动态import()语法，支持运行时调用、变量路径和构建工具代码分割，用于路由、交互、视口等场景，需结合实际性能权衡使用。
-
使用auto-fit和minmax()结合CSSGrid创建响应式导航，配合mediaquery在小屏下调整为单列布局，确保各设备上均有良好体验。
-
在Cypress测试中，直接使用===比较两个从不同文件读取的JavaScript对象会失败（因引用不同），应改用.to.deep.equal()断言进行结构化、递归的值比对。
-
mouseenter不冒泡且仅在鼠标首次进入绑定元素自身可视区域时触发，mouseover会冒泡且只要进入元素或其任意子元素的盒模型范围（content+padding+border）即触发。
-
签名生成本质是JS调用crypto.subtle.sign()执行HMAC-SHA256哈希，需将payload转Uint8Array、secret导入为CryptoKey，输出ArrayBuffer再转hex；常见不一致源于payload序列化、secret隐藏字符及编码不统一。
-
实现HTML图片响应式显示需五步：一、用max-width:100%和height:auto确保等比缩放；二、用object-fit:cover与object-position控制裁剪和焦点；三、用srcset和sizes适配多分辨率屏幕；四、用details/summary实现纯CSS点击放大；五、用transform:scale()配合overflow:hidden实现悬停局部放大。
-
JavaScript发起HTTP请求首选fetch()，兼容旧浏览器或需上传进度控制时用XMLHttpRequest；fetch默认不处理HTTP错误状态、不带Cookie、不自动解析JSON，axios则封装了这些功能并默认拒绝4xx/5xx响应。
-
Vue.js自定义指令通过钩子函数联动DOM生命周期，接收el、binding、vnode和oldVnode参数；Vue3用app.directive()全局注册，Vue2用Vue.directive()；常用钩子包括mounted（最常用）、updated（避免修改响应式数据）、beforeUnmount（清理资源）等。
-
HTML注释不会出现在浏览器页面上，但用户可通过查看源代码或开发者工具轻松看到；含敏感信息的注释必须删除，并通过自动化扫描防范泄露风险。
