-
mounted钩子是初始化第三方库的黄金时机，此时$el已存在且已挂载；created和beforeMount因DOM未就绪而不可用；需注意销毁清理、异步加载及SSR兼容性，并推荐使用ref精准控制挂载元素。
-
navigator.clipboard.read读不到图片和HTML是因为浏览器默认仅支持text/plain，其他类型需显式申请clipboard-read权限并用户授权；API返回ClipboardItem列表，须手动调用getType()解析，且各浏览器兼容性差异大（Chrome/Edge支持较全，Safari不支持图片，Firefox不支持read）。
-
本地HTML联网运行需避免file://协议限制，推荐五种方案：一、Python内置服务器；二、Node.js的http-server；三、VSCodeLiveServer插件；四、Chrome启用--allow-file-access-from-files参数；五、GitHubPages+Jekyll本地预览。
-
<template>里的内容默认不渲染，因为它是惰性容器，子节点解析时不加入DOM、不执行脚本、不加载资源，与display:none等视觉隐藏有本质区别。
-
遮罩层不必z-index更高，但需与弹层同属一个堆叠上下文；常见失效原因是父元素position/transform创建了新上下文，导致z-index局部生效；最优解是将遮罩层和弹层均挂载到body下。
-
color不能直接用keyframes逐帧精准卡点改色，因其RGB线性插值会导致中间色干扰；应优先用SVGstroke分段配rotate动画，或CSS伪元素叠加错峰旋转实现多色轮转。
-
localStorage应只存token及过期时间戳，绝不存明文密码；需配合服务端验证实现安全自动登录，并在登出或token吊销时同步清除。
-
纯HTML无法实现闹钟功能，必须结合JavaScript和CSS；2.JavaScript负责时间处理、事件触发、定时器管理和声音控制，是闹钟的“大脑”；3.除了声音提醒，还可通过浏览器通知、视觉动画、振动或页面标题闪烁等方式实现提醒；4.浏览器关闭后纯前端闹钟无法运行，需借助ServiceWorker和WebPushAPI配合服务器推送实现近似效果；5.基础代码包括HTML时间输入界面、JavaScript定时检查逻辑与音频播放、CSS美化样式，三者协同工作才能完成一个基本网页闹钟，且闹钟功能依赖浏览器
-
首先实现词法分析器将源码拆分为Token，再通过递归下降法构建AST；使用正则匹配Token并逐字符扫描，解析时按优先级分层处理表达式，确保正确性和可扩展性。
-
JSON深拷贝后实例失去原始类方法的根本原因是JSON.stringify仅序列化可枚举自有属性，不保留构造函数、原型链及行为逻辑，还原后仅为Object.prototype的普通对象。
-
@media(hover:hover)是最可靠的悬停检测方式，它严格判断系统是否稳定支持:hover伪类，而非仅检测输入设备精度；需用其包裹所有悬停样式与transition，并配合matchMedia在JS中同步状态。
-
原生JavaScript返回真实DOM对象，可直接操作属性和方法，性能高但需处理兼容性；jQuery返回封装的jQuery对象，支持链式调用且兼容性好，但需转换才能使用原生方法。两者可通过.get(0)或$()相互转换，现代开发多用原生JS，jQuery主要用于老项目维护。
-
CSS规范提升可维护性与协作效率，采用BEM命名、避免深层嵌套、按布局-盒模型-视觉顺序书写属性，并统一注释与格式，确保代码清晰一致。
-
<ins>专用于标记可验证的内容变更，必须配合法定格式的datetime属性，且常与<del>配对使用；误作强调或省略时间戳将导致语义失效。
-
matches()是浏览器原生CSS引擎驱动的精准匹配方法，自动忽略class顺序、重复、空格及动态变更，支持复合选择器，语义准确且无副作用，兼容性可控。
