区别

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…

使用 标签构建导航菜单的核心优势在于语义化、可访问性和seo优化。1. 是一种“意图声明”，帮助浏览器、搜索引擎和辅助技术识别导航区域，提升网站结构理解；2. 增强可访问性，屏幕阅读器可快速跳转或跳过导航区域，提高视障用户浏览效率；3. 提升代码可读性和维护性，使团队协作更高效；4. 适用于主要导航…

最靠谱的html标签资源是mdn web docs，其次是w3schools。1. 、 、是html文档的基础结构标签；2. 到 用于定义标题层级，提升seo和可访问性；3. 是段落标签，用于包裹独立文本内容；4. 实现超链接功能，依赖href属性；5. 展示图片，src和alt属性至关重要；6. …

wbr标签用于在html中指定长字符串的换行点，仅在需要时生效且不显示连字符。它适用于超长url、无空格技术标识符及特定语言复合词等场景，在逻辑断点插入可提升可读性与布局适应性；不同于css的word-break或overflow-wrap，wbr提供语义化的精细控制，不影响屏幕阅读器朗读，兼容性良…

响应式设计通过灵活布局与媒体查询适配多设备，提升用户体验与开发效率。1. 设置视口元标签控制缩放；2. 使用flexbox/grid实现弹性布局；3. 图片与媒体使用max-width与srcset自适应；4. 媒体查询定义断点调整样式；5. 采用rem、vw等相对单位保持比例；6. 区别于自适应设…