区别

srcset和picture的区别在于：srcset用于同一图片不同分辨率的适配，浏览器自动选择最合适的版本；而picture用于不同场景下展示完全不同的图片内容。srcset通过提供多个w描述符和sizes属性，让浏览器根据视口宽度和设备像素密度选择最佳图片尺寸，适用于优化加载速度和清晰度；pic…

map用于转换数组生成新数组，foreach用于遍历执行操作。1.map接受回调函数，将每个元素转换后返回新数组；2.foreach仅执行操作，无返回值。例如：map可将数字数组转为乘2后的新数组，或提取对象属性组成新数组；而foreach适合打印元素、累加等操作。若不需要返回值，建议使用forea…

css变量通过var()函数定义和使用，提升样式维护效率与一致性。1. 定义变量：在:root或特定元素中使用–变量名语法定义；2. 引用变量：通过var(–变量名)在任意css值中引用；3. 设置回退值：var(–变量名, 默认值)用于应对未定义情况；4. 动态…

settimeout和setinterval的核心区别在于执行次数：1. settimeout只执行一次设定的任务，适合一次性延迟操作；2. setinterval会按设定间隔重复执行任务，直到被明确停止，适合周期性操作。两者均通过返回id供cleartimeout或clearinterval用于取…

localstorage与sessionstorage的核心区别在于数据生命周期：1.localstorage数据永久保留，除非手动清除；2.sessionstorage数据仅在当前会话有效，关闭标签页或窗口即清除。两者同属web storage api，容量更大且使用更简洁，localstorag…

this在javascript中的指向取决于函数的调用方式，其动态性源于绑定规则。1.默认绑定：独立调用时，非严格模式下this指向全局对象，严格模式为undefined；2.隐式绑定：作为对象方法调用时指向该对象；3.显式绑定：通过call、apply或bind指定this；4.new绑定：构造函…

websocket与传统http请求/长轮询的本质区别在于通信模式和效率。1. 传统http请求是“一问一答”式的单向通信，每次请求都需要重新建立连接，效率低；2. http长轮询虽然延长了等待时间，但本质上仍是请求-响应模型，连接在每次数据传输后断开，依然存在延迟和资源浪费；3. websocke…

javascript 的 indexof 方法用于查找字符串或数组中指定元素或字符的首次出现位置，若未找到则返回 -1。1. 对字符串而言，indexof() 从指定 fromindex 开始搜索，返回第一次出现的索引，如 sentence.indexof(“world”) …

html5的dataset属性是一种在html元素上存储和访问自定义数据的规范化方式。它通过以data-开头的属性实现，例如data-user-id=”12345″，随后可以通过javascript的dataset对象读取，如element.dataset.userid；1.…

1.有效利用 标签并辅以css样式可显著提升网页内容的易读性和用户体验。2.段落应逻辑分组而非单纯换行，每个 代表一个独立信息块。3.合理设置行高（1.5-1.8倍字体大小）提升文字“呼吸空间”。4.通过margin控制段落间距，区分信息块边界。5.选择易读字体和合适字号，pc端正文推荐16px-1…