-
JavaScript参数传递是按共享传递：原始类型传值副本，对象传地址副本；函数声明会提升可先调用，表达式不可；箭头函数无this/arguments且不可new；...args和解构支持默认值。
-
HTML中连续空格被合并为一个且首尾忽略是规范行为，非bug；需保留空格可用 、white-space属性（如pre-wrap）或CSS间距控制。
-
最小结构为：div.board包含多个div.column（含data-column-id和droppable="true"），每列内含div.card（draggable="true"且含data-card-id）；CSS用Grid布局列，禁用user-select:none，dragstart设dataTransfer，drop前需preventDefault。
-
宽屏内容应动态分列而非单列：小屏1列、中屏2列、宽屏3列，用minmax()适配；避免flex-wrap错行，优先Grid；需同步调整字号、行高与段落宽度以保障可读性。
-
用BeautifulSoup拼接最稳：分别解析各文件，只取body内容追加到新文档，保留首个head，显式指定UTF-8编码读取，避免结构错乱与编码错误。
-
能触发过渡的属性需为可动画化属性，如opacity、transform、color等；display、visibility、z-index等不可动画化；transition-property用具体属性名比all更可控，transform性能最佳。
-
尾调用优化（TCO）通过复用栈帧避免栈溢出，仅适用于递归调用是函数最后操作且无后续处理的情况；而递归优化还包括迭代转换、记忆化等更广泛方法。
-
localStorage只能存字符串，直接存储对象会调用toString()变为"[objectObject]"；必须用JSON.stringify()序列化、JSON.parse()反序列化，并注意undefined、函数、Date等特殊类型的处理限制。
-
该用且应优先使用Grid布局，但需排除IE11兼容场景；推荐用grid-template-areas定义中后台骨架，配合grid-area命名；禁用grid-auto-flow:dense以防破坏可访问性；响应式宜采用minmax()+auto-fit+repeat()组合。
-
JavaScript插件系统的核心是解耦与约定，依赖统一接口（如install/app）、主程序暴露钩子（use/provide/emit）、沙箱隔离、动态加载及条件启用，坚守“主程序定规则、插件实现行为”铁律。
-
Flexbox实现等高布局时需为容器设min-height/height以兼容IE10–IE11，-ms-flex:1替代flex:1；CSSTable兼容IE8+但不支持margin和vertical-alignmiddle/bottom；Grid在IE中不可用；JS补位仅限必要场景。
-
H1到H6标题标签是网页内容结构的核心，用于定义页面层级和语义。1.H1代表页面核心主题，建议一个页面仅使用一个H1以集中权重；2.H2至H6依次构建内容的逻辑结构，提升用户阅读体验和搜索引擎理解；3.关键词应自然融入H标签，避免堆砌，优先保障可读性；4.H标签本质是语义化工具，而非样式控制，样式应由CSS实现；5.移动端需优化标题长度与层级，提升跳读效率和用户体验。正确使用H标签不仅利于SEO，也增强内容可访问性和结构性。
-
letter-spacing在Grid容器中不生效，主因是子元素为inline/inline-block且被justify-items/align-items拉伸导致行内盒重排逻辑弱化；需改用display:block或inline-flex，避免text-align:justify冲突，并注意font-variant-east-asian和自定义属性精准控制。
-
transition-property用于指定触发过渡的CSS属性，应避免默认的all以提升性能。合理搭配如transition-property:transform,opacity可精准控制动画，减少意外过渡与资源消耗。结合transition-duration和timing-function使用简写时，需显式声明属性名以防误用all，确保动画流畅且高效。
-
play()不提供播放进度，需通过currentTime属性获取；必须等待canplay等事件后再读取或设置，推荐用timeupdate事件监听而非setInterval；设置失败多因媒体未就绪或策略限制。
