-
CSS动画结合filter属性可实现动态模糊等视觉效果，核心方法是使用transition或@keyframes控制blur值变化，适用于悬停交互或复杂动画；现代浏览器对filter兼容性良好，但backdrop-filter需注意旧版兼容与性能；为优化性能，应合理使用will-change、GPU加速、控制模糊半径，并避免复合昂贵动画；此外，filter还支持黑白、亮度、色相旋转等创意动画，提升界面表现力。
-
JavaScript无法直接读写本地文件，而是通过Blob、File、FileReader等API在内存中处理二进制数据；File是带元信息的Blob；读取内容须用FileReader或arrayBuffer；BlobURL需手动释放以防内存泄漏；下载应使用Blob+a.download组合。
-
addEventListener是唯一推荐方式，因它支持同一事件多监听、控制捕获/冒泡阶段、可精准移除、兼容性好且为现代框架底层依赖；e.target是实际触发元素，e.currentTarget是绑定监听器的元素；异步操作前需检查DOM存在性。
-
transition通过状态变化触发动效，适用于简单交互反馈；2.animation基于@keyframes独立运行，支持复杂关键帧与循环，适合连续动画；3.推荐transition用于用户交互过渡，animation用于自动播放或精细控制，优先使用transform和opacity以优化性能。
-
:enabled和:disable伪类用于区分表单元素的可交互状态，前者为可操作元素设置样式如蓝色边框，后者为禁用元素添加灰色背景与禁止光标，提升表单状态的视觉提示。
-
使用a标签的href属性可创建超链接，指向网页、文件、邮箱等资源，通过target属性控制打开方式，如新标签页；还可通过id实现页面内锚点跳转，确保链接准确并添加https://协议头。
-
答案：使用Flexbox可通过flex:1让主内容区自适应填充剩余空间，侧边栏固定宽度，容器设display:flex实现布局，响应式下可调整方向适配移动端，支持多栏扩展。
-
HTML5Canvas无法直接实现真实折痕旧化效果，因其缺乏空间变形与条件像素计算能力；需通过getImageData手动处理明暗、位移、噪声等多步模拟，或用SVG滤镜实现简化版泛黄颗粒效果，真正几何折痕须依赖WebGL或离线预渲染。
-
typeof用于判断基本数据类型，返回字符串表示的类型；instanceof用于判断对象是否是某个构造函数的实例，通过原型链查找。1.typeof可识别基本类型如"string"、"number"、"boolean"、"symbol"、"bigint"、"undefined"、"function"和"object"，但typeofnull返回"object"是历史遗留问题；2.instanceof沿原型链检查对象是否为构造函数的实例，适用于自定义类和继承场景，如判断数组或继承链中的对象；3.typeof更
