-
localStorage是持久化存储机制，即使关闭浏览器数据也不会丢失。它通过setItem、getItem等方法操作字符串数据，存储对象需先用JSON.stringify转换，获取时用JSON.parse解析。区别于sessionStorage，localStorage数据长期存在，适合存储用户偏好设置，而sessionStorage仅在当前会话有效，适合临时数据。使用时需注意：存储容量有限（约5MB），不适合存敏感信息，同步操作可能影响性能，且受同源策略限制。判断是否支持localStorage可通过
-
使用JavaScript实现组合模式可以让代码更灵活和可扩展。1）定义基础组件类；2）创建叶子节点和容器节点类；3）构建树形结构；4）统一处理单个和组合对象。通过这种方式，可以构建文件系统、GUI元素等，但需注意复杂度和性能问题。
-
本文旨在解决React应用中使用localStorage持久化状态，特别是收藏夹功能遇到的问题。我们将深入探讨如何正确地更新和保存状态到localStorage，以确保数据在页面刷新后依然保留。通过修改toggleFavorites函数，并在每次更新收藏状态后立即保存到localStorage，实现收藏状态的持久化。同时，本文也提醒开发者注意localStorage的潜在异常情况，并建议进行适当的错误处理。
-
推荐将JavaScript脚本放在body末尾或使用defer属性，因为能避免阻塞页面渲染，提升加载速度和用户体验。
-
<table>标签的核心作用是组织和展示二维结构化数据，而非用于页面布局。1.制作HTML表格需使用<table>作为容器，内部可嵌套<thead>、<tbody>、<tfoot>来划分表头、主体和表脚；2.每行用<tr>定义，表头单元格用<th>，数据单元格用<td>；3.可通过colspan和rowspan实现单元格跨列或跨行；4.<caption>为表格添加标题以提升可访问性；5.使用CSS进
-
Node.js事件循环的timers阶段负责执行setTimeout()和setInterval()设定的回调。定时器到期后，其回调会被放入执行队列并在该阶段处理，但并非绝对精确，因为同步代码会阻塞其执行，且系统层面可能有最小延迟（如Windows为4ms）。setTimeout(fn,0)与setImmediate(fn)的主要区别在于执行阶段不同：前者在timers阶段执行，后者在check阶段执行。在主模块中调用时，两者执行顺序不确定；但在I/O回调中，setImmediate通常先于setTime
-
p元素是块级元素。1.p元素在网页布局中占据一整行，默认创建换行符。2.CSS可定义p元素的文本颜色、字体大小、行高等属性。3.p元素不能嵌套，需注意其默认内外边距。4.可与CSS伪类结合实现复杂效果。5.避免过度嵌套，合理使用选择器提升性能和可维护性。
-
使用HTML的<time>标签能提升网页内容的语义化和机器可读性。1.核心在于datetime属性，它遵循ISO8601标准，提供精准的时间信息；2.时间格式包括完整日期（YYYY-MM-DD）、日期时间（YYYY-MM-DDTHH:mm:ss）、带时区的时间、仅时间、年份/月份、周数及持续时间（如PT8H30M）；3.应用场景涵盖博客发布日期、活动时间、电商促销、社交媒体动态等需机器识别的时间信息；4.常见误区包括忽略datetime属性、不标明时区、误将<time>当作日期样式
-
JavaScript的事件循环是其实现并发的核心，因为它通过非阻塞机制解决了单线程无法同时处理多任务的矛盾。1.JavaScript为避免多线程带来的复杂性（如竞态、死锁）而采用单线程，导致耗时任务会阻塞主线程；2.事件循环作为协调者，持续检查调用栈是否为空，并从任务队列中取出回调执行，从而实现异步操作的调度；3.异步任务分为宏任务（如setTimeout、I/O、DOM事件）和微任务（如Promise回调、queueMicrotask），事件循环在每个宏任务执行后优先清空微任务队列，确保高优先级任务尽快
-
getDay()方法返回0-6的星期数字，需数组或Intl对象转换为中文。1.getDay()返回本地时间星期几，0为周日；2.可用数组映射转换为“星期一”等字符串；3.也可用Intl.DateTimeFormat自动处理国际化格式；4.getDay()与getDate()不同，前者获取周几，后者获取月内日期；5.注意周日为0可能与ISO标准不一致，需手动调整；6.Date对象若未指定时区，getDay()结果受运行环境影响。
-
HTML语义化标签的核心在于赋予内容明确含义，提升可访问性、SEO和代码可维护性；1.使用结构性标签如<header>、<nav>、<main>、<article>、<section>、<aside>、<footer>构建清晰页面骨架；2.运用文本语义标签如、、<mark>、<time>、<figure>与<figcaption>精准表达文本含义；3.避免将<div&g
-
JavaScript数组懒加载的核心是按需分批加载数据，而非一次性加载全部；2.实现方式包括初始化少量数据、监听滚动或点击事件触发加载、请求并追加数据、维护加载状态；3.常见策略有滚动到底部自动加载（推荐结合节流或IntersectionObserver）、点击按钮加载更多、以及用于超大数据集的虚拟列表技术；4.面临的挑战包括正确管理加载状态（如页码和hasMore标志）、防止重复请求（使用isLoading锁）、处理网络错误并提供用户反馈、兼顾SEO影响（可通过SSR或预渲染解决）以及优化DOM渲染性能
-
计算JS中的时间差，核心是将时间转换为时间戳进行相减，常用Date对象的getTime()方法获取毫秒值，再通过除法换算为秒、分钟、小时或天数；对于字符串日期需先转为Date对象，处理时区可使用Intl.DateTimeFormat或moment-timezone库；计算整数天差时需归一化到0点；性能优化包括复用Date对象、直接使用时间戳、利用performance.now()或WebWorkers；负时间差可通过Math.abs()取绝对值或判断正负调整逻辑；需注意Date对象的月份从0开始、两位年份
-
检测画中画模式是否可用需使用document.pictureInPictureEnabled属性，若返回true则支持该功能；2.可通过video元素的requestPictureInPicture()和exitPictureInPicture()方法控制进入和退出画中画模式，二者均返回Promise以处理异步结果；3.应监听document的enterpictureinpicture和leavepictureinpicture事件，在进入时保存播放状态并监听画中画窗口resize事件以适配界面，退出时恢
-
调试事件循环问题的核心是理解JavaScript单线程与任务队列机制，明确宏任务（如setTimeout）先执行、微任务（如Promise）紧随其后清空的顺序；2.使用浏览器Performance面板录制并分析主线程火焰图，定位超过50毫秒的长任务，识别是脚本执行、频繁DOM操作还是渲染瓶颈；3.在Node.js中借助--inspect、perf_hooks或clinic.js工具监控事件循环阶段（如poll阻塞）和CPU/内存使用情况，排查同步I/O或CPU密集型操作导致的服务器响应延迟；4.优化方案包
