区别

some用于检查数组是否有至少一个元素满足条件，找到即停止；every用于检查所有元素是否都满足条件，遇到不满足的即停止。some像侦察兵找符合条件元素，找到立即返回true，否则遍历完返回false；every像质检员要求全部合格，发现不合格立即返回false，否则遍历完返回true。两者都具短路…

cite标签用于标记创意作品的标题，而非作者或日期。1. 它赋予文本特定语义，帮助浏览器和辅助技术识别内容类型；2. 与blockquote和q标签不同，后两者用于引用内容本身，而cite用于标明出处标题；3. 常见误区包括误用作者名、仅因斜体效果使用cite；4. 可结合css自定义样式，如取消斜…

box-shadow的inset关键字用于创建内阴影效果，与普通外阴影相反。1. inset使阴影向内收缩，呈现凹陷感；2. 外阴影渲染在元素边框外部，而inset阴影在内容区域内部；3. 常用于模拟按钮按下状态、内边框或纹理效果；4. 使用时需结合其他css属性精细调整以增强视觉层次。 CSS的b…

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

object.assign()用于合并对象，通过将源对象属性复制到目标对象实现。1. 它修改目标对象并返回，如不想修改可传空对象作为新目标；2. 性能方面，在处理大量对象时效率下降，优化方式包括减少对象数量、避免冗余属性复制、使用手动赋值或第三方库；3. object.assign执行浅拷贝，若需深…

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. …

line-height控制文本行间距，影响阅读体验和布局。解决方案有：1. 使用像素值（如24px）适用于固定字体大小场景；2. em/百分比相对于当前字体大小计算，但继承固定值可能导致子元素文本重叠；3. 推荐使用无单位数值（如1.5），能自动根据子元素字体大小调整行高，保持比例，尤其适合响应式设…

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