-
最可控的故障风效果需用canvas分通道错位：对图像下部30%区域，红/绿/蓝通道分别水平偏移+3～+8px/0/-2～-6px，配合Math.random()>0.97触发、单次≤4帧、间隔恢复。
-
JavaScript有7种原始类型（undefined、null、boolean、number、string、symbol、bigint）和1种对象类型；function本质是object，数组等引用类型均属object范畴。
-
应建立语义化颜色变量体系，如--color-warning、--color-success等，替代--yellow-500等视觉命名；支持深色/高对比度模式响应式切换；统一应用于各组件并保持感知一致；须满足WCAG对比度要求且辅以图标或文字确保无障碍。
-
用display:flex替代float解决图文对齐问题，配合align-items:flex-start、flex-shrink:0、margin-left间距及min-width:0防溢出；高亮需用带\b边界的转义正则；class遵循BEM规范；调试时注意样式层叠与渲染优先级。
-
ES6模块化通过import和export实现代码复用，支持静态分析、循环依赖处理和浏览器原生支持，优于CommonJS与AMD；提供命名导出与默认导出两种方式，适用于多成员暴露或单个主要实体导出场景；支持动态导入和import.meta等高级特性，可在浏览器中通过type="module"使用，需注意兼容性与CORS问题；结合TypeScript可提升类型安全与项目可维护性。
-
ES6是JavaScript第6版标准（ECMAScript2015），补齐语法、对象模型与异步能力；let/const提供块级作用域与赋值约束；箭头函数简化this但无自身this/arguments；解构与模板字符串提升可读性；Promise与async/await解决回调地狱。
-
大屏下按钮栏浮动定位失效因fixed在iOSSafari中遇transform等会降级为absolute；小屏底部固定被键盘顶起需动态切换absolute并计算安全距离；响应式布局需按屏幕尺寸调整排列与样式。
-
用CSS骨架屏加载效果的核心是渐变背景+位移动画：1.用语义化空元素占位并设浅灰底色和圆角；2.线性渐变创建亮色条带，配合background-size和background-position实现扫描光效；3.通过@keyframes让背景位置水平移动，时长1.5~2s，infinite循环；4.优化细节如头像溢出隐藏、文字间距、按钮尺寸及动画错峰。
-
form表单默认不支持JSON提交，必须绕过原生提交机制浏览器原生提交永远是application/x-www-form-urlencoded或multipart/form-data，不可能直接发JSON。想用JSON，就得拦截表单默认行为，手动构造请求。常见错误现象：fetch发出去的数据在后端变成空对象或字符串"[objectObject]"，本质是没序列化或错用了Content-Type。必须用event.preventDefault()阻止原生提交数据得先
-
JavaScript通过WebWorkers实现类似多线程计算的效果，利用后台线程执行耗时任务而不阻塞主线程，结合SharedArrayBuffer与Atomics可实现高效数据共享与同步，适用于CPU密集型或大数据量处理场景。
-
HTML5原生details/summary元素可实现语义化、无障碍手风琴菜单，无需JS即可支持展开/收起、键盘导航与屏幕阅读器识别；现代浏览器均兼容，通过CSS重置样式并添加动画可提升体验，多开需求需JS配合ARIA属性实现。
-
接口在TypeScript中用于定义对象的形状、实现类型检查和代码复用。与类型别名的区别在于：1.声明方式不同，接口用interface，类型别名用type；2.扩展能力不同，接口用extends继承，类型别名用交叉类型&；3.声明合并不同，接口可合并，类型别名不可重复声明。接口还可定义函数类型，如StringProcessor接口规范函数签名。在面向对象编程中，接口可定义类的行为规范，如Animal接口实现多态。接口也可与泛型结合，如Container<T>定义通用容器。
-
Laravel中使用多级路径（如/alertas/historial）时，HTML页面样式和脚本丢失，根本原因是相对路径引用导致资源404；正确做法是统一使用asset()辅助函数生成绝对URL。
-
ESLint是成熟灵活的JavaScript代码检查工具，能自动化统一代码风格、降低阅读成本、减少错误并捕获潜在bug；通过三步快速接入：安装、初始化配置、集成编辑器，并需合理设置env、parserOptions、extends和rules。
-
flex:00200px锁死侧栏不伸缩且优先级高于width；中间栏需用flex:1（等价于flex-grow:1;flex-shrink:1;flex-basis:0）确保自适应，IE11需显式写三属性并加-ms-前缀。
