-
JavaScript中数组操作应结合Immutable库实现不可变更新，核心是用List替代原生数组，所有操作如push、delete、set、filter、sort均返回新实例；嵌套场景用setIn/updateIn配合List；注意性能边界与负索引限制。
-
打印样式必须用@mediaprint声明，单独引入print.css并禁用交互伪类；打印机默认禁用背景、强制灰度，需用@page控制页边距，避免flex/grid布局，动态JS样式需强制重排。
-
最直接有效的JavaScript调试方式是结合浏览器DevTools断点调试、console高级用法、debugger语句及VSCode集成调试；核心在于Sources面板设断点，善用console.table/group/time/trace，条件断点与debugger配合，再通过VSCode实现源码级调试。
-
D3.js是数据驱动的SVG可视化库，需手动绑定数据与DOM元素，适合深度定制；通过select、data、enter、attr等方法构建图表，配合scale、axis、transition实现映射、坐标轴和动画。
-
FoodiePro图片不居中是因CSS优先级覆盖，需加.wp-post-image.aligncenter{margin:0auto;display:block}；古腾堡应改用“封面”区块并手动设class为wp-post-imagealigncenter；移动端裁切需在子主题禁用crop并重生成缩略图；the_post_thumbnail()参数名须与add_image_size注册名完全一致。
-
前端无法强制执行“每分钟限10次”限流，只能依据后端返回的X-RateLimit-Remaining、Retry-After等响应头做UI反馈，如禁用按钮、倒计时提示，并结合localStorage存储时间戳实现跨刷新的状态同步。
-
可通过HTML5Canvas与JavaScript实现烟花效果：先创建画布并获取2D上下文，再定义含位置、速度、颜色等属性的粒子类，通过explode函数批量发射粒子，主循环中更新粒子状态、绘制带透明度衰减的图形，并及时清理死亡粒子。
-
使用Flexbox的gap和flex-wrap可实现响应式列表布局，gap统一控制项目间距，避免margin问题，flex-wrap允许项目自动换行，结合justify-content优化对齐，通过媒体查询在不同断点调整gap值，适配多设备显示，提升布局灵活性与美观性。
-
卡片组件通过CSS动画可实现悬停放大、3D翻转等交互效果，提升用户体验。
-
CSSGrid实现像素级Cell定位需显式命名网格线并用grid-row/column精确锚定，配合minmax()控制行高、vh/vmin适配缩放、break-inside:avoid处理分页，禁用implicitgridflow。
-
启用u修饰符是解决JavaScript正则处理Unicode字符出错的关键，它使引擎以Unicode代码点为单位匹配，支持\p{...}、正确解析emoji和重音字符、量词作用于完整字符，并要求现代环境支持。
-
fixed元素未覆盖全屏是因body默认margin及滚动条影响视口计算；应重置html/bodymargin，用inset:0替代四方位定位，并处理iOS动态vh及祖先层叠上下文干扰。
-
position:sticky导航栏纹丝不动，最常见原因是未设top等偏移值、父容器overflow非visible、高度未定义或存在transform等触发层叠上下文的属性。
-
concat不修改原数组，返回新数组需显式赋值；仅浅拷贝，嵌套数组引用不变；展开运算符语义更清晰、类型推导更优，但对undefined更敏感。
-
合理使用:optional和:required伪类可直观区分表单必填与选填项。1.通过不同边框颜色（如红色表示必填，灰色表示可选）实现视觉区分；2.利用label:has(input:required)::after添加红色星号提示，避免HTML冗余；3.聚焦时通过outline和box-shadow区分字段重要性，提升操作反馈；4.结合:invalid高亮未填写的必填项背景，强化错误提示。纯CSS语义化控制，无需JavaScript或额外类名，配合aria属性可提升无障碍访问体验，有效增强表单可用性与可
