-
z-index不生效主因是未激活定位或被层叠上下文截断：元素需设position（非static）才生效；父级加opacity/transform等会创建独立层叠上下文，使子元素z-index失效。
-
ArrayBuffer是固定长度的原始二进制内存容器，不可直接读写，需通过TypedArray或DataView操作；TypedArray适合同类型数值序列，DataView适合混合类型、非对齐或需控制端序的场景。
-
<inputtype="date">不带时区，仅返回本地时区的YYYY-MM-DD字符串；跨时区需在JS层明确用户意图（本地午夜或UTC零点），配合语义标记与IANA时区库处理。
-
JavaScript隐式类型转换发生在==、&&、||、!、if、while及+等场景，按抽象操作规则自动转换类型；==触发抽象相等算法并转换类型，===则严格比较类型与值，不转换。
-
JavaScript字符串操作核心是场景化选型：模板字符串为多行拼接、嵌入逻辑和可读性默认选择；简单变量插入优先用模板字符串，纯静态拼接可用+；String.raw解决反斜杠转义问题，仅适用于模板字符串前；表达式须在${...}内求值，且实时执行需防重复计算与闭包陷阱。
-
新手学CSS应先掌握12个核心属性：display/position控制布局行为，box-sizing/width-height/padding-margin管理盒子模型，font-size/line-height/color/text-align处理文本呈现，background/border/outline/box-shadow负责视觉效果。
-
HTML5Canvas无原生HSL滤镜API，需手动实现RGB↔HSL转换：获取像素→转HSL→调整h/s/l→转回RGB→写回画布。
-
Animate.css是一个基于CSS3的动画库，通过添加类名实现元素的淡入、抖动、弹跳等效果，支持CDN引入或npm安装，结合JavaScript可动态控制动画触发，适用于提示反馈与页面动效，需注意合理使用避免影响性能。
-
ES6引入let和const实现块级作用域，解决var的作用域混乱、变量提升及重复声明问题；let/const存在暂时性死区，const为只读绑定而非不可变值，推荐优先使用const。
-
margin:auto水平居中需满足：子元素为块级且有明确宽度（非auto），父元素为块级上下文（非inline/inline-block），且未设置float或absolute；Flex的justify-content:center更可靠因其不依赖子元素宽度和display类型，但需父元素设display:flex且注意flex-direction影响对齐方向。
-
localStorage只能存储字符串，存对象或数组需用JSON.stringify()序列化，取时用JSON.parse()解析，并加try...catch防错；removeItem删单个键，clear清空同源所有数据；getItem不存在时返回null，需判空再解析。
-
多列布局对不齐主因是盒模型默认为content-box导致宽度计算偏差；应全局设置box-sizing:border-box，并合理处理gap、百分比总和及空白节点干扰。
-
本文详解CS0120编译错误的成因与解决方案，重点说明为何@foreach(vardetailinModel_Purchases.Details)在Razor页面中报错，以及如何通过显式限定（this.Model_Purchases.Details）或更优的模型绑定方式彻底规避该问题。
-
Matter.js是一个轻量级2D物理引擎，适用于网页中的物理模拟。它由Engine、World、Bodies、Runner和Render模块组成，支持重力、碰撞、刚体运动等效果。通过与Canvas或SVG结合，可实现流畅的交互动画。示例中创建了下落方块场景，包含地面和可动物体，展示基础物理行为。实际应用于互动广告、数据可视化、教育工具和创意设计。结合事件可实现拖拽、施力等交互。优化建议包括减少活动物体、合理设置物理参数、关闭调试视图、及时清理对象。Matter.js上手简单，文档清晰，适合构建生动的前端
-
JavaScript通过监听用户操作、动态修改DOM、控制样式动画及异步通信，实现无需刷新的响应式交互。例如用addEventListener处理点击/输入/滚动，innerHTML更新内容，classList切换样式，fetch获取数据，localStorage持久化偏好，确保操作有反馈、变化可预期。
