-
webpack是静态模块打包器，负责将入口文件及其依赖打包成浏览器可加载的文件；它不自动写代码、不编译JSX/TS（需loader）、不压缩HTML（需插件）。
-
SVG动画主要有三种实现方式：CSS、SMIL和JavaScript。CSS最常用，适合简单动画，性能好且易上手，可通过transition和@keyframes实现颜色、位置等变化，但无法直接动画d属性等路径数据。SMIL是SVG内置的声明式动画方案，语法直观，可直接在SVG标签内使用animate等元素定义动画，优势在于无需JS或CSS，但因Chrome等浏览器放弃支持，兼容性差，已逐渐被淘汰，仅适用于简单、独立场景。JavaScript则提供最强控制力，适合复杂交互、动态数据驱动、路径变形（morp
-
HTML5<video>标签原生不支持MOV容器格式，因其为Apple私有封装且未列入MIME白名单；需转封装为MP4或确保服务器返回正确type、CORS及faststart。
-
max-width能解决大屏松散问题，因其限制外层内容容器宽度并配合margin:0auto居中，防止元素无限拉伸；需作用于.container等内容包装盒，设为1400px左右，搭配width:100%及响应式图片、字号、行高控制。
-
border-radius用于控制元素边框曲率，值越大弧度越缓，50%时正方形变圆、长方形变椭圆；它不影响布局流，仅作用于渲染层，需配合overflow:hidden裁剪内容，注意与border、background-clip协同及CSS变量使用限制。
-
Lexicon并非标准PC品牌，所谓“开多核”对HTML5播放无实际意义；播放效能关键在硬件加速启用、视频编码适配、内存管理及驱动支持，而非CPU核心数量。
-
使用LiveServer插件可实现在VSCode中运行HTML文件，安装后右键选择“OpenwithLiveServer”即可启动本地服务器并自动在浏览器中预览，支持保存后自动刷新；也可通过右键文件“在资源管理器中显示”后手动用浏览器打开，适合快速查看静态页面；还可安装OpeninBrowser插件实现一键在默认浏览器中预览。
-
静态方法用static关键字定义，属类本身，不可访问this和实例属性；如Utils.formatDate()；误用会导致内存浪费或undefined错误；静态方法间调用用类名或this.constructor。
-
单元测试是JavaScript项目稳定迭代的底线保障；Jest因开箱即用、支持现代语法、环境隔离、精准mock和源码级报错等优势成为默认选择，而真正有用的测试需覆盖边界条件、异步逻辑、DOM污染防护及持续维护机制。
-
核心是用auto-fit+minmax实现列数自动适应：auto-fit收缩空轨道使卡片撑满容器，minmax(280px,1fr)控制单列最小宽度与均分弹性，配合card{min-width:0}和img{max-width:100%}防溢出。
-
CSS动画可通过原生animationend事件监听结束时机，支持现代浏览器，触发时提供animationName、elapsedTime等属性，需注意infinite动画不触发及内存泄漏问题。
-
HTML页面加载后自动跳转有五种方法：一、meta标签refresh；二、JavaScriptlocation.href延时跳转；三、location.replace无历史记录跳转；四、location.assign标准跳转；五、隐藏a标签+click模拟跳转。
-
核心思路是通过Object.getPrototypeOf()沿原型链向上遍历，每层用Reflect.ownKeys()获取所有自有属性名，并用过滤函数筛选符合条件的属性；2.实现时需注意私有字段无法被反射获取，且应使用hasOwnProperty区分自有与继承属性；3.常见陷阱包括混淆in与hasOwnProperty、忽略不可枚举或Symbol属性，以及性能开销问题；4.可通过返回属性来源对象和描述符增强信息，并使用生成器函数实现惰性求值以提升效率和灵活性，从而让查找更通用和优雅。
-
本文详解为何使用transform:translate()时元素不响应WASD键盘事件，并提供完整可运行的修复方案，涵盖CSS定位要求、JavaScript事件处理逻辑及常见陷阱规避。
-
grid容器overflow:hidden会裁剪卡片阴影，因阴影属绘制边界且被paddingbox限制；解法有：①负margin抵消、②transform/will-change触发独立层叠上下文、③伪元素+filter模拟阴影。
