-
使用type="password"可创建密码输入框，通过小眼睛图标用JS切换显示隐藏，结合HTTPS、长度限制和确认框提升安全与体验。
-
CSS中使用background-image:url(...)时，若路径未用引号包裹或路径不正确，浏览器可能无法加载背景图；本文详解引号必要性、路径验证方法及调试技巧。
-
使用::placeholder伪元素可设置输入框占位符的样式，如颜色和字体大小，需注意浏览器兼容性及透明度问题，建议添加厂商前缀以支持旧版浏览器，同时保证可读性和无障碍设计。
-
box-sizing用错导致尺寸混乱，全局设border-box最省事；calc()用于运行时动态计算，math.div()用于编译期静态除法。
-
keep-alive组件中watch不失效但需确保监听响应式源：应直接watchprops/computed或用函数形式，避免监听一次性局部变量；在onActivated中同步状态、清理副作用并考虑使用watchEffect自动追踪依赖。
-
@import不该用于CSS表单样式统一，因其阻塞渲染、无法被预处理器内联或Tree-shake，导致加载延迟与首屏卡顿；应改用<link>并行加载form-base.css，并确保其仅含控件重置与语义类名。
-
用浏览器开发者工具抓Webhook真实请求需在Network面板勾选Preservelog，关注Other/XHR中后台触发的非页面加载请求；若遇302跳转，检查Headers中Location；通过搜索X-Hub-Signature-256等特有请求头快速定位。
-
下拉框选项文本需用JavaScript根据document.documentElement.lang动态生成，不能依赖select的lang属性；多语言文案应抽成JSON对象，lang必须设在html根元素或容器上才有效。
-
异步生成器通过“拉取”模式解决大文件处理中的内存溢出和背压问题，利用forawait...of按需读取数据块，避免一次性加载全部内容，提升稳定性和代码可读性。
-
成功解除事件绑定需传入与添加时完全相同的函数引用和事件选项；匿名函数无法移除；选项对象必须复用同一引用；可手动维护映射表或用事件委托替代。
-
应使用语义化HTML标签构建帖子摘要列表：每条用<article>包裹，标题与元信息置于<header>内，标题用<h2>～<h4>，时间用<timedatetime="ISO8601">，摘要正文用<p>，缩略图用带loading="lazy"、width/height及srcset的<img>，标题跳转用而非<button>。
-
JavaScript深拷贝的核心是创建完全独立的新对象以避免引用问题；常用方法包括JSON.parse(JSON.stringify())（简洁但有类型限制）、structuredClone()（现代原生推荐）、递归手写（完全可控）和Lodash的_.cloneDeep()（生产环境稳妥）。
-
固定导航需预留空间防遮挡，推荐body加padding-top；用checkbox+checked实现零JS响应式菜单；合理设置z-index层级；backdrop-filter需避免父容器overflow:hidden；锚点跳转用scroll-margin-top解决遮挡。
-
伪元素在.form-group上不显示垂直线，根本原因是其默认display:inline且父容器缺position:relative；须设display:block、position:absolute并配合top/bottom:0撑满高度。
-
闪烁动画需用三帧实现循环：0%和100%设opacity:1，50%设opacity:0；必须配animation-name、animation-duration（单位不可省）、animation-iteration-count（持续闪烁需infinite）；频率应低于3Hz以防不适，可加transform:translateZ(0)优化性能并提供暂停机制。
