-
将HTML文件放在webapp目录下，通过正确路径访问，配置欢迎页可实现根路径自动加载，使用IDE部署到Tomcat后即可访问多个页面，注意项目名和路径大小写。
-
Vue自定义指令v-lazy基于IntersectionObserver实现图片懒加载，预加载进入视口前100px的图片，支持响应式、背景图、降级兼容及加载状态管理，有效减少首屏时间20%~40%。
-
Object.prototype.toString是最可靠、跨环境的类型检测方式，能精准区分内置对象类型；typeof对引用类型返回"object"无法细粒度区分，instanceof在多全局环境失效；需用call/apply绑定目标值，封装为getType可提取类型标识符，支持ES6+新类型及Symbol.toStringTag自定义。
-
通过CSS动画实现图文混排的动态效果，可采用四种方式：1.图片从侧边滑入，配合float布局；2.图片轻微上下浮动，营造呼吸感；3.使用flex布局结合延迟动画，实现图文渐进出场；4.注意动画强度、性能与兼容性，确保内容可读性。
-
img标签必须设置alt属性，空字符串alt=""仅适用于纯装饰性图片；信息性图片需简洁准确的替代文本，链接中的图片alt应说明目的而非描述图像。
-
本文介绍一种纯HTML+CSS方案，通过自定义计数器与伪元素生成带括号的编号，并将其绑定到<a>标签上，使编号区域（如“(1)”）整体可点击并跳转至对应锚点，无需JavaScript，适用于Wiki等受限环境。
-
WebCryptographyAPI提供浏览器原生加密能力，支持密钥生成、加解密、签名验证，实现端到端加密。通过crypto.subtle接口使用非对称加密（如RSA-OAEP、ECDH）交换密钥，结合对称加密（如AES-GCM）加密数据，确保服务器无法访问明文。安全密钥交换依赖公钥基础设施，常用非对称加密或Diffie-Hellman协议实现完美前向保密。为防中间人攻击，需结合安全码验证、TOFU或带外认证。API存在安全边界：客户端易受XSS或恶意软件攻击，私钥不应明文存储于localStorage，
-
window.print()需确保DOM完全渲染后再调用，配合@mediaprint隔离样式，PDF导出需替代方案，分页控制须注意元素显示类型与浏览器兼容性。
-
HTML5原生不支持RTSP（含4K），必须通过流媒体服务器转协议为HLS/WebRTC等；4K播放瓶颈在于编码格式、带宽、解码能力及服务端性能，纯前端方案实为服务端中转，并非浏览器直连。
-
HTML不能直接创建vCard，需用JavaScript构造合法vCard字符串并触发下载；<address>仅是语义标签，不含vCard必需字段和版本声明，无法被通讯录识别。
-
ES6起应完全弃用var，因其存在全局污染、变量提升、重复声明不报错等问题；let和const提供块级作用域，const约束绑定而非值，循环中let天然解决闭包问题。
-
HTML5AppCache已废弃，必须迁移到ServiceWorker；因其设计缺陷（缓存不可控、白屏陷阱等）且被Chrome94+、Firefox85+、Safari16.4+彻底移除，manifest文件无效，需通过register()注册sw.js并手动管理缓存策略。
-
本文介绍一种灵活、可复用的JavaScript方法，将数组中特定学科（如Chemistry）的元素按固定间隔（如每3个位置插入1个）重新分布，其余元素依次填充空位，避免硬编码和嵌套循环陷阱。
-
应优先选用Chart.js而非原生Canvas绘图，因其轻量易用、兼容性好；原生实现需手动处理坐标、响应式、边界情况等，易出错且代码量大；Chart.js初始化需满足canvas元素存在、数据结构合法、库已加载三大条件。
-
可通过CSS的border-radius属性实现HTML5搜索框圆角效果，支持内联样式、内部样式表、外部CSS文件三种方式，并需注意浏览器兼容性及box-sizing属性配合使用。
