-
::marker伪元素可用于修改列表项标记的颜色、大小等内容，主要支持有序和无序列表的样式定制。通过color、font-size等属性可调整外观，content可替换无序列表符号，如改为短横线；对于有序列表编号的深度自定义，则需结合CSS计数器与::before配合display:marker实现，如生成“第1条”格式；需注意::marker不支持背景、边框等属性，且IE不兼容，复杂效果建议用::before模拟。
-
:nth-last-of-type(n)用于从父元素末尾开始选择倒数第n个指定标签类型的子元素。例如p:nth-last-of-type(1)选中最后一个p元素，li:nth-last-of-type(2)选中倒数第二个li。结合CSS计数器可实现倒序编号：通过counter-reset定义计数器，counter-increment设为-1实现递减，再用::before插入编号。也可对末尾元素单独设置样式，如p:nth-last-of-type(-n+2)隐藏最后两个段落，li:nth-last-of-t
-
会改变原数组的方法有push、pop、shift、unshift、splice、reverse、sort、fill、copyWithin；其余如map、filter等均返回新数组而不修改原数组。
-
绝对定位的参考系是最近已定位祖先而非直接父元素；父元素需设position:relative等才能成为定位上下文，且top/left起点为paddingbox左上角。
-
H5游戏开发能力源于HTML5技术栈，包含Canvas、WebGL、WebAudioAPI和WebSockets等，支持2D/3D渲染、音效处理与实时通信，相比传统HTML有质的飞跃。其优势在于跨平台、免安装、快速迭代，适合轻量级和社交裂变类游戏，但性能和底层设备访问弱于原生应用。核心技术包括JavaScript逻辑控制、CSS3动画、Canvas/WebGL渲染、WebAudio音效、WebSockets联网及IndexedDB存储。常用引擎中，Phaser适合2D休闲游戏，PixiJS专注高性能渲染，
-
JavaScriptDate对象存在时区解析不一致、月份从0开始、格式化不可控等问题，需显式传参、手动格式化并明确时间基准。
-
scale动画必须配合transform属性生效，正确写法为transform:scale(1.2)；需用transform-origin调整缩放原点；配合will-change:transform可提升性能；在flex/grid中应加translateZ(0)隔离图层。
-
尾调用优化通过消除不必要的栈帧来减少内存消耗，当函数末尾调用另一函数并直接返回其结果时触发，如tailCallExample中递归调用自身且无后续操作，符合尾调用条件。
-
iPad上GLB/GLTF穿模主因是iOSSafariWebGL对深度缓冲、透明排序等处理异常，需启用阴影映射、适配Retina像素比、禁用半透明材质深度写入。
-
使用Flexbox替代float可解决右对齐布局问题。float:right易导致父容器高度塌陷、元素换行错位及内容环绕，需通过clear:both清除浮动；而flex布局中justify-content:flex-end能稳定实现子元素整体右对齐，且支持响应式设计。对于部分元素右对齐需求，可对目标元素设置margin-left:auto，推动其至最右侧，其余保持左对齐。现代布局推荐优先采用Flexbox方案，避免浮动副作用，提升维护性，仅在兼容老旧浏览器时考虑float。
-
可通过快捷键保存文件后手动双击打开预览；2.配置BuildSystem实现Ctrl+B运行；3.安装ViewinBrowser插件右键预览；4.设置F12快捷键快速打开浏览器预览。
-
依赖注入是通过外部注入依赖实现控制反转，提升解耦与可测试性；文中给出构造函数注入示例及简易DI容器实现，支持单例与瞬时生命周期管理，最后介绍使用场景与成熟库InversifyJS。
-
align-items:stretch默认生效但需父容器有明确高度，且子元素未被align-self、min/max-height或内容尺寸限制；统一box-sizing和设置height:100%可避免常见陷阱。
-
本文详解Fastify结合@fastify/websocket在启用HTTPS（即WSS）时连接失败的根本原因，指出证书信任链缺失是主因，并提供本地开发与生产环境的双轨配置方案，含可运行代码、证书生成指南及关键注意事项。
-
在Discord.js中，channel.messages.fetch()默认可能返回缓存中的已删除消息，导致后续操作失败；使用force:true可绕过缓存、强制发起API请求，从而准确判断消息是否存在。
