-
应使用HTML5的<video>标签嵌入视频，通过src或<source>提供MP4/WebM等多格式，添加controls、poster、preload等属性，并结合CSS与JavaScript实现响应式布局和自定义控件。
-
透明颜色必须用rgba()或hsla()，不可用hex或命名色；transparent仅表全透；opacity作用于整个元素并触发新层叠上下文，易致z-index异常。
-
text-align用于控制块级元素内行内内容的水平对齐，如文本、图片居中；text-decoration则负责文本装饰线的添加或移除。1.text-align作用于容器内部的行内内容，常用值有left、right、center和justify，实现文字或内联元素在父容器中的对齐；若需块级元素自身居中，应使用margin:0auto或Flexbox等布局方式。2.text-decoration为简写属性，可设置下划线类型、颜色、样式与粗细，支持none、underline、line-through、ove
-
Web页面背景图首选WebP，次选AVIF；WebP兼具高压缩率、快解码与广浏览器支持，体积比JPEG小25%–35%，支持透明通道且CSS行为一致。
-
原型链是JavaScript实现继承的核心机制，基于对象的[[Prototype]]（__proto__）隐式连接，查找属性时沿链向上直至null；Object.create()和构造函数+prototype是其典型应用方式。
-
PIXI.js7已移除Shader类的构造函数调用方式，PIXI.Shader.from()现为静态工厂方法，需直接调用而非newPIXI.Shader.from(...)，否则会抛出TypeError。
-
可通过浏览器开发者工具Network面板抓取XHR/Fetch请求数据，或重写XMLHttpRequest、fetch、WebSocket原型方法拦截请求与响应，还可利用PerformanceObserver监控资源加载。
-
JavaScript无原生管道操作符（|>），但可通过函数组合实现管道式数据处理：pipe(str,f1,f2,f3)顺序执行函数，提升可读性与可维护性；ECMAScript提案已暂停，推荐Ramda、lodash/fp或手写pipe。
-
JavaScript深拷贝无万能方案：structuredClone()支持多数内置类型且处理循环引用，但不支持function等；手写需防null、数组遍历、循环引用等陷阱；LodashcloneDeep覆盖广但有体积和兼容性考量；JSON方法仅适用于纯数据对象。
-
在HTML表单中插入下划线需正确使用value、placeholder和label属性，确保原样显示与提交；避免被Markdown等解析器误处理；必要时用pattern正则校验输入是否含下划线。
-
优先选字面量/pattern/flags，动态拼接用RegExp构造函数；邮箱、手机号、身份证正则需按业务约束编写，避免过度复杂；test()返回布尔，exec()返回匹配详情且受lastIndex影响，match()全局时丢失分组；Unicode匹配须加/u标志并慎用\p{}。
-
\_html不是标准HTML元素，浏览器不识别，故document.querySelector('\_html')找不到；它多为拼写错误、框架占位符或未渲染模板，应先确认真实节点类型再针对性处理。
-
必须用kebab-case（中划线分隔），如header-nav.css；snake_case在旧版Windows+Node中易触发缓存异常，PascalCase/camelCase易与JS模块混淆且不符HTML语义惯例。
-
JavaScriptDate格式化需手动拼接或用IntlAPI、第三方库；toLocaleString()适合本地化展示，手动拼接可定制固定格式，Intl.DateTimeFormat高性能可复用，解析字符串需注意时区陷阱。
-
border-width设为0不能解决不占空间问题，因声明border-style仍会预留渲染空间；正确做法是移除边框声明，或用outline、box-shadow、伪元素等不占位方案替代。
