-
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、伪元素等不占位方案替代。
-
CSSLint能发现冗余属性、盒模型问题、!important滥用等常见样式问题，帮助开发者提升代码质量、增强可维护性、优化性能并统一团队编码风格；通过配置.csslintrc文件可灵活定制检查规则，结合GitHooks、构建工具、IDE插件和CI/CD流程，将CSSLint融入开发工作流，实现代码质量的自动化管控。
-
粘性定位（position:sticky）结合相对与固定定位，元素滚动到设定偏移值（如top:0）时固定于视口，常见用于导航栏或列表标题吸附；2.使用时需设置偏移值，父容器不能有overflow:hidden、transform等限制，且元素不可脱离文档流；3.广泛支持于现代浏览器，适用于无需JavaScript的滚动固定场景。
-
推荐本地化FontAwesome并用CSS类语义化管理图标，通过::before+content绑定Unicode值，确保font-family和font-weight匹配字体文件，避免CDN不稳定及HTML硬编码问题。
