-
年历视图需用HTML表格或Grid布局实现，核心是JavaScript计算每月1日星期几和当月天数；热力图需归一化数据并用CSS自定义属性控制颜色渐变，避免硬编码与性能陷阱。
-
HTML本身不存储数据，所谓“HTML存储容量上限”实为浏览器对WebStorageAPI（如localStorage、sessionStorage）的实现限制，典型错误QuotaExceededError源于写入超配额（普遍5–10MB，按UTF-16字节计），中文/emoji加速占满；二者接口一致但生命周期不同，localStorage持久化适合用户偏好，sessionStorage仅限当前会话；敏感信息禁存，跨域iframe隔离；突破限制可用IndexedDB、压缩、分片或服务端兜底；配额动态变化，
-
JavaScript是全栈开发的事实标准语言——贯穿前后端、构建工具、数据库驱动及部署脚本；必须掌握原生机制、运行时模型、工程配置与调试能力，否则无法定位和解决跨层问题。
-
必须使用cloneVNode克隆插槽VNode，因其保留响应式引用、正确处理key/ref，并支持插槽多处渲染；直接复用会导致ref绑定丢失、更新异常及条件逻辑错误。
-
HTML的data-theme仅作状态标记，主题切换需同步更新data-theme属性和CSS变量，否则样式不响应；必须用JS触发重绘，localStoragealone无效。
-
JavaScript中有6个falsy值：false、0、-0、""、null、undefined、NaN；在条件判断中，这些值会被自动转为false，其余均为true，包括空数组和空对象。
-
不能，HTML的required、pattern等属性仅触发浏览器前端校验，服务端校验必须由后端代码独立实现，且需通过JSONSchema等方式同步规则，配合composition事件处理中文输入，并用JS动态注入错误提示。
-
使用qrcode.js一行生成二维码，需确保脚本在</body>前加载或包裹在DOMContentLoaded中，设置width≥200、margin≥20px、correctLevel为M级，canvas导出需适配devicePixelRatio并手动绘制logo。
-
media属性值必须是完整、语法正确的媒体查询表达式，如(min-width:768px)，仅在<source>中生效且需配合<picture>使用，浏览器按顺序匹配首个满足条件的<source>，不匹配则回退至<img>的src。
-
组件API设计应以开发者体验为核心，优先暴露语义化属性（value、min、disabled）和事件/方法控制状态，避免过度暴露内部属性；attributeChangedCallback需防批量触发与死循环；对外方法统一返回Promise；slot与事件才是核心扩展点。
-
border-radius对浮动图片完全生效，但需注意父容器overflow设置、图片显式宽高及object-fit行为，否则易因裁剪或渲染时机导致圆角“失效”。
-
pattern属性仅对type="text"、"search"、"tel"、"url"、"email"、"password"的input生效，不支持number、date等类型；正则需省略首尾斜杠，自动隐式添加^$；不校验空值，不处理空格（Safari尤甚），无实时反馈，不可替代后端校验。
-
Portal渲染是将组件内容逻辑保留在当前树、物理挂载到任意DOM节点的技术，用于解决全局弹窗的定位失效、层级截断、样式穿透难及无障碍受限等问题。
-
在Chart.js中重复创建图表时，若未正确销毁旧实例，会导致多个图表叠加渲染于同一canvas上，引发tooltip闪烁、性能下降甚至交互异常；根本解决方法是确保每个图表拥有独立引用，并在重建前显式调用destroy()。
-
flex-wrap:wrap未生效的主因是父容器无宽度限制或设了min-width:100%，导致Flex容器误判主轴空间充足；需检查width/max-width、避免子项固定宽、慎用white-space:nowrap，并注意gap在旧版Safari中的兼容性问题。
