red

array.from的作用是将类数组对象或可迭代对象转换为真正的数组。1. 类数组对象如arguments、nodelist等有length和索引但无数组方法；2. 可迭代对象包括set、map、字符串等实现symbol.iterator接口的数据结构；3. array.from通过深拷贝生成新数组…

html表单提交数据的核心在于将用户输入信息打包并发送到服务器处理，其中action属性指定目标url，method属性决定使用get或post方法。1.get方法通过url传递数据，适合请求且不改变服务器状态的操作，如搜索查询；2.post方法将数据封装在请求体中传输，适合涉及敏感信息、大文件或修…

canvas和svg的主要区别在于canvas基于像素，适合大量图形处理和像素控制，而svg基于矢量，适合可缩放图形和交互。1. canvas是位图，缩放可能失真；2. svg是矢量图，缩放不失真；3. canvas需手动管理状态，无内置对象模型；4. svg有dom结构，便于交互；5. canva…

css的transition属性通过平滑改变属性值实现动画效果。1. 它需要指定过渡属性（transition-property）、时长（transition-duration）、速度曲线（transition-timing-function）和延迟（transition-delay）。2. tra…

javascript的push和pop方法用于数组末尾操作。push在数组末尾添加一个或多个元素并返回新长度，1. 例如fruits.push(‘orange’, ‘grape’)会添加元素并输出新长度4；pop移除数组最后一个元素并返回该元素，2. …

margin是元素间距离，padding是内容与边框间距。1. margin控制元素周围空间，可为正、负或auto，影响布局位置；2. padding定义内容与边框间距离，只能非负，影响元素总尺寸；3. 外边距合并可通过添加border、padding或创建bfc避免；4. 开发者工具中可实时调试m…

for循环控制力强，适合需要中断、跳过或处理类数组对象的场景；foreach更简洁，适合无需中断的遍历。1.for循环可手动控制索引，支持break和continue，适用于数组及类数组对象；2.foreach语法简洁，无法中断，仅限数组使用；3.异步操作中，for…of配合await可…

javascript的filter方法通过条件筛选数组元素并返回新数组，保持原数组不变。1. filter接收一个回调函数作为参数，该函数对每个元素进行判断，返回true则保留，false则排除；2. 与for循环和foreach相比，filter声明式编程更简洁且无副作用，自动创建新数组并适合链式…

reduce方法是将数组“浓缩”成一个值，其核心在于迭代并用reducer函数累积处理每个元素；1. reduce接收reducer函数和可选初始值，reducer处理累积器、当前值、索引和源数组；2. 初始值非必须但建议提供，避免错误并确保类型一致；3. 常见应用包括计算总和、数组去重、统计次数、…

float属性用于让元素脱离文档流并实现图文环绕或列布局，其常见场景包括文字环绕图片、多列布局及水平导航菜单。清除浮动的常用方法包括：1. 使用clear属性添加空div，优点是直观但增加了冗余html；2. 通过overflow: hidden或auto创建bfc，优点是无需额外标签但可能裁剪内容…