-
CSSfilter的saturate()是调整图片饱和度最直接的方式，0为灰度、1为原样、大于1增强；需注意浏览器兼容性、Canvas实现原理、filter执行顺序、移动端性能优化及降级策略。
-
JavaScript遍历对象的核心区别在于是否遍历自身属性、是否包含不可枚举属性、是否支持Symbol键及是否保持插入顺序：1.for...in遍历自身及原型链可枚举属性，需hasOwnProperty过滤；2.Object.keys()仅返回自有可枚举字符串键；3.Object.getOwnPropertyNames()与getOwnPropertySymbols()组合可获取全部自有键（含不可枚举和Symbol）；4.Reflect.ownKeys()是ES2015推荐的统一方案，返回所有自有键且保持
-
JavaScript中同步代码的执行优先级最高，它会先被彻底执行完，之后事件循环才会处理异步任务。1.同步代码立即推入调用栈按先进后出顺序执行，是阻塞式的。2.异步任务如定时器、网络请求会被交给宿主环境处理，完成后回调放入任务队列。3.事件循环检查调用栈是否为空，若空则优先清空微任务队列（如Promise回调），再从宏任务队列（如setTimeout）取一个任务执行。4.微任务优先级高于宏任务，且每次事件循环周期中，所有微任务会在宏任务前被处理完。5.异步错误处理和流程控制推荐使用Promise结合asy
-
表单的method属性决定数据提交方式，GET将数据附加在URL后，适合无副作用的查询操作，可缓存、可分享，但不安全且有长度限制；2.POST将数据放在请求体中，适合传输敏感或大量数据，不可缓存、不可分享，具有非幂等性，适用于修改服务器状态的操作；3.安全性上两者均需HTTPS保障，性能差异主要取决于缓存与数据量，实际应用中应根据操作意图选择：GET用于获取数据，POST用于提交或修改数据。
-
生成器函数通过function*定义，使用yield暂停执行，调用后返回生成器对象，其next()方法控制执行并返回{value,done}对象；1.next()启动或恢复执行，每次遇到yield时暂停并返回值；2.第二次及之后的next(arg)可向yield传参，作为上一个yield表达式的返回值；3.return()强制结束生成器，后续调用均返回{value:undefined,done:true}；4.throw()向生成器抛出异常，可在内部捕获；5.生成器常用于异步流程控制，配合Promise实
-
PSD转HTML5后加载变慢主因是资源体积大、图片未压缩、代码冗余及未启用现代加载策略；需压缩图像、精简CSS/JS、启用Gzip/Brotli、合并小图标及延迟非关键资源加载。
-
轮播图自动播放时需用JavaScript在每张图显示时触发audio.play()，首次须用户手势激活音频，再通过监听切换事件加载对应音效并控制暂停/重播，预加载和AudioContext可提升可靠性。
-
currentColor会继承元素的color属性值，可用于边框、背景等属性；它动态引用颜色，避免重复定义，修改文本颜色时其他样式自动同步；常用于图标、边框、阴影等场景；支持所有现代浏览器，从IE9起可用，是关键字而非变量，基于当前color值实时解析。
-
animation-direction控制动画播放方向：normal（正向）、reverse（单次反向）、alternate（奇偶次交替）、alternate-reverse（首反次正）；它不修改关键帧，仅改变播放顺序逻辑。
-
@supports规则比JS检测更轻量可靠，专用于声明级特性检测（需带值），支持and/or/not逻辑但or必须括号包裹；它不判断浏览器版本，也不保证运行时功能可用，fallback必须依赖基础样式。
-
本文介绍如何通过JavaScript动态生成CSS样式，实现表格中任意数量列的「冻结列」效果，避免手动重复编写nth-child规则，提升可维护性与扩展性。
-
模板字面量是JavaScript中唯一支持多行、表达式嵌入、标签函数和原始字符串解析的字符串构造机制，必须用反引号定义，支持运行时表达式求值、标签函数拦截及String.raw原始解析。
-
掌握CSS盒模型与背景渐变是构建现代网页视觉效果的基础。通过设置box-sizing:border-box，元素的宽度和高度包含padding和border，便于精准控制布局；使用linear-gradient函数可创建从左到右、对角线或多色过渡的平滑背景，如background:linear-gradient(toright,#007bff,#6a1b9a)，提升按钮、卡片等组件的视觉层次；结合透明色、重复渐变或背景图层能实现更丰富效果，且需注意为老版本浏览器提供回退方案。合理运用这两项技术，可显著增强
-
Flexbox布局的核心优势在于简化对齐与空间分配，特别是通过display:flex、flex-direction和justify-content等属性协同实现灵活的元素排列；它能轻松实现垂直居中、响应式换行及主轴空间均匀分布，减少媒体查询依赖，提升开发效率与可维护性。
-
<p>JSDoc通过标准注释提升JavaScript代码可读性与维护性，支持类型标注和工具集成。使用/*/语法，结合@param、@returns、@type等标签定义参数、返回值和变量类型，如{number}、{Array<number>}、{string|number}；通过@typedef定义复杂对象结构，配合@type引用；支持可选参数、默认值、Promise及函数类型。在VSCode或TypeScript中启用checkJs可实现类型检查，无需迁移至TS即可获得静态类型优
