-
<th>用于表头，具有语义和可访问性功能，而<td>仅表示数据单元格。<th>常用于定义列或行标题，并支持scope属性明确关联数据范围，浏览器默认加粗显示，且能被屏幕阅读器识别以提升可访问性；相比之下，<td>只用于展示表格中的具体数据内容，不带语义信息。正确使用这两个标签有助于提高网页的结构清晰度和可访问性。
-
JavaScript的Date对象是浏览器提供处理日期和时间的内置工具，其核心在于创建、读取、修改和格式化时间信息。1.创建方式包括newDate()获取当前时间、传入毫秒数指定时间点、使用ISO8601格式字符串或直接传入年月日等参数（注意月份从0开始）。2.获取时间组件通过getFullYear()、getMonth()等方法实现，设置则使用setFullYear()、setMonth()等方法，但会修改原对象。3.常见“坑”有月份从0开始、本地时间和UTC时间混淆、日期字符串解析不一致以及夏令时导致
-
要禁用HTML5的拼写检查，需在相关元素上设置spellcheck="false"。HTML5的spellcheck属性用于控制浏览器是否对用户输入内容进行拼写和语法检查，其值可设为true或false；1.设置spellcheck="false"可禁用拼写检查，适用于技术代码、序列号等不适合检查的输入框；2.该属性主要适用于文本输入框（如<inputtype="text">）、<textarea>及contenteditable="true"的元素；3.若未明
-
webpack的entry配置是打包起点，默认为./src/index.js；2.单入口用字符串如entry:'./src/index.js'，适合SPA，打包成一个bundle.js；3.多入口用对象如{home:'./src/pages/home/index.js'}，生成多个[name].bundle.js文件，利于MPA按需加载；4.高级用法包括数组形式['polyfill.js','index.js']用于前置加载，动态生成entry可自动化处理多页面；5.常见误区是盲目拆分导致重复打包，需配合
-
使用Promise实现延迟执行的核心在于将setTimeout包装为Promise，以支持链式调用和async/await。通过创建一个在setTimeout回调中调用resolve的Promise，可实现非阻塞的延迟操作；例如：functiondelay(ms){returnnewPromise(resolve=>setTimeout(resolve,ms));}，随后可通过.then()或await顺序执行异步任务。其应用场景包括1.用户界面交互优化，如搜索框防抖；2.动画序列控制，按节奏执行动
-
闭包实现代理模式的核心是通过工厂函数创建代理对象，该代理利用闭包捕获并持有对真实对象及私有状态（如缓存）的引用，从而在不修改原对象的前提下，对其方法调用进行拦截和增强。1.工厂函数接收真实对象作为参数；2.内部定义私有状态（如cache）和代理方法；3.返回的新对象方法通过闭包访问真实对象和私有状态，在调用前后添加额外逻辑（如缓存、日志、权限校验等）；4.每个代理实例拥有独立且持久的状态，互不干扰；5.实现方式轻量、直观，适用于方法级别的增强，如缓存、日志、参数校验、权限控制、懒加载和重试机制；6.与ES
-
requestAnimationFrame（rAF）不是宏任务或微任务，而是插在浏览器渲染前执行，顺序为：1.执行宏任务；2.清空微任务；3.执行rAF回调；4.浏览器渲染，它与屏幕刷新率同步，避免卡顿和撕裂；相比setTimeout，rAF更高效因它不盲目计时、后台可降频省资源、批量处理视觉更新；回调内应做样式/Canvas/WebGL更新并注意轻量计算、状态管理、避免频繁DOM变动及及时取消动画；跨浏览器行为一致核心在于自适应设备刷新率、后台标签页自动降频、执行时机微差可忽略，整体提供可靠高性能动画机
-
箭头函数解决了传统函数中this指向不固定的问题，并提供了更简洁的语法。1.箭头函数通过词法作用域绑定this，使其指向定义时的上下文而非调用时；2.其语法更简洁，支持无参、单参、多参及隐式返回；3.适用于回调函数、数组方法（如map、filter）、异步操作等场景；4.但不能作为构造函数、无法使用arguments对象、不适合作为对象方法或事件监听器。
-
Reflect对象是JavaScript中用于元编程的静态工具类，提供了一系列与内部操作对应的方法。1.Reflect方法覆盖了属性读取、设置、函数调用等常见操作，并提供更明确的返回结果和错误处理机制；2.与Object方法不同，Reflect操作大多返回布尔值指示成功与否，避免抛错或静默失败；3.Reflect能精确控制this指向，如Reflect.get/Reflect.set的receiver参数确保getter/setter中的正确上下文；4.Reflect与Proxy紧密协作，在Proxy陷阱
-
同步CPU密集型计算会直接阻塞事件循环；2.长时间同步I/O操作（如fs.readFileSync大文件）也会阻塞主线程；3.滥用微任务队列（如大量Promise链或queueMicrotask）会在宏任务间持续占用CPU；4.大量定时器或setImmediate回调中含同步耗时操作会累积阻塞事件循环；模拟高负载是为了发现性能瓶颈、验证系统稳定性、优化用户体验和理解并发限制，必须结合perf_hooks、ChromeDevTools或clinic.js等工具定位问题，并通过任务拆分、WorkerThrea
-
要判断JavaScript对象的属性是否为自身属性而非继承自原型链，应使用hasOwnProperty方法。1.使用对象的hasOwnProperty()方法可直接判断属性是否为自身所有，返回true表示是自身属性，false表示来自原型链或不存在；2.为避免对象自身hasOwnProperty被覆盖导致异常，应使用Object.prototype.hasOwnProperty.call(obj,'prop')以确保调用原生方法；3.in操作符可用于检查属性是否存在于对象或其原型链上，只要存在即返回tru
-
margin是元素间距离，padding是内容与边框间距。1.margin控制元素周围空间，可为正、负或auto，影响布局位置；2.padding定义内容与边框间距离，只能非负，影响元素总尺寸；3.外边距合并可通过添加border、padding或创建BFC避免；4.开发者工具中可实时调试margin和padding值并观察布局变化；5.margin:auto用于块级元素水平居中，需设定宽度；6.负margin可用于元素重叠、布局微调，但应谨慎使用以防混乱。
-
JavaScript的replace方法替换所有匹配项的正确姿势是使用正则表达式并添加全局匹配旗标g。①replace默认只替换第一个匹配项；②若需替换所有匹配项，必须用正则表达式并带上g旗标；③例如用/originalString.replace(/hello/g,"Hi")可实现全局替换；④还可结合i旗标实现不区分大小写的替换；⑤replace的第二个参数可以是回调函数，为每个匹配项动态生成替换内容；⑥回调函数接收match、捕获组、offset、string等参数，支持复杂逻辑处理；⑦除replac
-
静态HTML文件可通过浏览器直接打开，检查错误需使用开发者工具、在线验证器或代码编辑器，乱码问题可通过指定UTF-8编码解决，其优点为加载快、安全性高、易于部署和缓存、SEO友好，缺点是缺乏交互性、维护成本高、无法个性化且代码复用性差，适合内容固定、交互少的网站使用。
-
HTML5的<picture>元素主要用于提供响应式图片解决方案，允许浏览器根据屏幕尺寸、像素密度和设备特性选择最合适的图片资源，从而提升网页性能并优化用户体验。1.<picture>元素通过多个<source>标签定义不同条件下的图片资源，浏览器按顺序匹配并加载第一个符合条件的资源；2.若无匹配项，则回退到<img>作为默认加载方案；3.使用srcset与sizes属性可进一步细化响应式图片策略，使浏览器根据显示尺寸自动选择合适图片；4.通过type属性可
