-
JavaScript的Date.prototype.getMonth方法返回的是0到11的月份值，需加1才能得到实际月份。1.getMonth()返回0-indexed值，1月为0，12月为11；2.获取当前或指定日期的月份时需注意时区问题；3.使用数组映射或Intl.DateTimeFormat将数值转为可读月份名；4.getMonth()基于本地时区，getUTCMonth()基于UTC时间，根据业务需求选择使用。
-
要实现HTML表格数据版本对比，核心是JavaScript比对新旧数据并用CSS高亮差异。具体步骤为：1.数据准备：确保新旧数据结构一致，如对象数组形式；2.遍历比对：通过唯一ID匹配行，逐列比较，记录变化、新增或删除；3.DOM更新与高亮：一次性操作DOM，添加对应类名（如changed、added、deleted），结合CSS定义样式；4.优化性能：减少直接DOM操作，采用虚拟结构或框架的虚拟DOM机制；5.选用合适算法：如简单值比对用===，文本用diff-match-patch，复杂结构用json
-
现代HTML滚动效果主流做法是使用CSS动画和JavaScript替代废弃的marquee标签。1.纯CSS动画适用于简单连续滚动，通过@keyframes和animation属性实现，性能好但交互性差；2.JavaScript提供更灵活控制，可实现动态内容、交互操作和复杂逻辑，如监听事件、修改scroll属性等；3.使用成熟库或框架（如Swiper.js、SlickCarousel）能快速构建高性能、响应式滚动组件。此外，优化建议包括：提供暂停机制、关注可访问性、合理控制速度与资源占用，以及优先使用CS
-
本文旨在为Next.js项目中的用户认证提供一套简易且相对安全的实现方案，结合MongoDB作为数据存储，并利用bcrypt进行密码哈希与比对。核心在于强调所有敏感的密码比对操作均在服务器端完成，避免将哈希密码暴露给前端或以明文形式传输。同时，文章将阐述通过HTTPS/TLS协议确保客户端与服务器间数据传输安全的重要性，帮助开发者构建一个基础且可靠的用户登录系统。
-
HTML的<progress>标签用于显示进度条，通过设置value和max属性可控制进度。1.使用<progress>标签可直接创建进度条，如<progressvalue="50"max="100">表示完成50%；2.未设value时显示不确定进度动画；3.自定义样式需处理不同浏览器伪元素，如WebKit使用::-webkit-progress-bar和::-webkit-progress-value，Firefox使用::-
-
箭头函数与普通函数的核心区别有三点：1.this绑定方式不同，箭头函数无自己的this，继承定义时词法作用域的this；2.箭头函数无arguments对象，使用最近非箭头父函数的arguments；3.箭头函数不能作为构造函数，不可用new调用。普通函数动态绑定this，拥有自身arguments对象，并能作为构造函数创建实例。此外，箭头函数支持隐式返回，不能使用yield，通常用于事件处理和回调中以保持this一致性，但在需要动态this或构造函数的场景应使用普通函数。
-
formtarget属性允许在提交表单时临时改变目标窗口，覆盖父级form的target属性。1.它主要用于inputtype="submit"和inputtype="image"按钮，实现不同提交按钮导向不同页面；2.可与其他form*属性如formaction、formmethod协同工作，赋予提交按钮独立行为规则；3.使用时需注意其局限性，如仅适用于特定元素、无法控制服务器响应、可能影响用户体验等。它适合简单跳转场景，无需JavaScript即可优化用户流程。
-
mix-blend-mode是CSS属性，用于设置元素与其下方内容的混合模式，以实现视觉叠加效果。1.它接受多种混合模式值，如normal、multiply、screen、overlay等，决定元素颜色如何与下方内容进行计算；2.常用于文本与背景图像融合、创建镂空或蒙版效果、图形叠加等场景；3.与background-blend-mode不同，mix-blend-mode作用于元素整体与页面内容的混合，而background-blend-mode仅作用于元素内部的多个背景图像之间；4.使用时需注意浏览器兼
-
float属性的作用是让元素脱离文档流并允许其他内容环绕其周围。1）它用于创建多栏布局或文字环绕图片；2）需注意“浮动塌陷”问题，可用clear属性或“clearfix”技术解决；3）随着Flexbox和Grid的发展，float更多用于特定场景。
-
JavaScript的void操作符用于执行表达式并返回undefined。其核心作用是确保表达式结果为undefined，常见于早期阻止链接跳转的场景，如href="javascript:void(0);"，但现代开发中已较少使用。1.void(expression)会执行表达式但返回undefined；2.适用于需要明确结果为undefined的场景，如IIFE中忽略返回值；3.不推荐在<a>标签中使用，因其存在可维护性、可访问性和行为耦合问题；4.现代替代方案是使用event.preve
-
CSS通配符选择器（*）是一种全局样式控制工具，适用于初始化样式、调试和统一布局行为。1.它能匹配所有元素，包括伪元素，常用于CSSReset操作，如设置统一盒模型；2.可用于快速调试，如添加红色边框以查看元素边界；3.但存在性能问题，尤其在复杂页面中影响渲染速度；4.因其低特异性，易被其他选择器覆盖，导致样式冲突；5.使用时可能产生副作用，如误改表单元素默认样式或上线未删除的调试样式；6.更推荐使用body/html选择器、CSS变量、继承机制或预处理器实现更可控的全局样式管理。
-
事件循环阻塞会显著影响Node.js应用的响应速度和吞吐量。1.阻塞导致请求回调堆积，响应延迟上升；2.事件循环调度能力下降，单位时间内处理请求数减少；3.并发能力受限，系统承载压力降低。关键指标包括事件循环延迟、活跃句柄数、活跃请求数及事件循环利用率。优化策略包括：1.避免同步I/O操作，优先使用异步API；2.将CPU密集型任务移至worker_threads；3.分块处理大数据，合理调度任务；4.强化错误处理机制，防止异常中断；5.审查代码，减少不必要的同步计算。
-
使用Promise封装WebWorker通信能有效解决请求响应匹配困难、回调地狱和错误处理复杂等问题。具体步骤为：1.主线程为每个请求生成唯一requestId并与Promise的resolve/reject方法关联存储；2.封装postMessage方法，返回基于requestId的Promise；3.在onmessage中根据requestId匹配并调用对应的resolve或reject；4.Worker端解析requestId并回传结果或错误；5.增加超时机制避免无限等待；6.统一处理Worker端
-
WeakMap通过弱引用机制避免内存泄漏，当实例对象无强引用时自动回收其关联数据。1.WeakMap的键为弱引用，不阻止垃圾回收；2.数据随对象销毁自动清除，避免传统Map或闭包导致的内存泄漏；3.私有数据存储于模块作用域内，外部无法访问；4.类方法通过get/set操作私有数据，确保封装性；5.与#privatefields相比，WeakMap更灵活但调试困难，适用于非类对象附加元数据。
-
JavaScript中微任务优先于宏任务执行。事件循环先执行宏任务，完成后清空微任务队列，再进入下一宏任务。常见宏任务包括整体脚本、setTimeout回调、I/O操作、UI渲染等；常见微任务包括Promise回调、MutationObserver、queueMicrotask。理解两者执行顺序可避免竞态条件、优化用户体验、提升调试效率。实际开发中，可用微任务处理立即但非阻塞的操作，如Promise链式调用或queueMicrotask控制DOM布局计算；用宏任务实现延迟执行或任务切片，如setTimeo
