-
函数定义有声明、表达式、箭头函数和构造函数四种方式，其中函数声明会被提升，可预调用；函数表达式需先定义后使用，适合回调；箭头函数语法简洁且无独立this，适用于单行逻辑；构造函数方式由Function构造器创建，性能差不推荐。调用方式包括普通调用（this指向全局）、方法调用（this指向调用对象）、构造器调用（生成新实例）及call/apply/bind（手动绑定this）。日常开发建议优先使用函数声明与箭头函数，提升代码可读性与维护性。
-
box-sizing:border-box的核心价值是使width/height直接等于最终渲染尺寸，padding和border被自动纳入该尺寸内，避免content-box下的宽度溢出、布局错乱、跨浏览器不一致及组件样式耦合等问题。
-
登录页面采用HTML表单与CSS美化，结构清晰。通过Flexbox实现居中布局，表单包含用户名密码输入框、登录按钮及辅助链接，使用响应式设计适配不同屏幕，输入框和按钮添加悬停与聚焦效果，整体简洁美观且用户体验良好。
-
FetchAPI是现代浏览器原生网络请求接口，基于Promise设计，支持async/await，但默认不带Cookie、不自动处理4xx/5xx状态码；需手动检查res.ok、显式配置credentials、用AbortController取消请求。
-
尾递归通过在函数末尾直接返回递归调用结果，使当前栈帧可被复用，避免栈溢出；配合尾调用优化能有效支持深层递归。
-
虚拟滚动通过只渲染可视区域内的元素来提升长列表性能。它计算可视范围，监听滚动偏移，动态更新渲染区间，并用占位元素维持滚动条状态，从而减少DOM数量，实现流畅滚动体验。
-
在CSS中，padding会增加元素总尺寸，导致布局偏差；默认盒模型下width/height仅指内容区，加上padding后实际尺寸变大；例如width:200px;padding:20px时总宽达240px；为避免此问题，可使用box-sizing:border-box，使width包含padding，从而控制整体尺寸不变；推荐全局设置*{box-sizing:border-box}统一行为；若需在content-box下精确布局，可用calc()函数手动减去padding，如width:calc(3
-
倒计时和定时任务通过setTimeout与setInterval实现，前者用于活动倒计时等场景，后者用于轮询数据更新；需保留定时器ID并在适当时机调用clearTimeout或clearInterval清除，避免内存泄漏。
-
实现提示气泡需结合HTML与CSS，通过定位和伪元素创建箭头；2.使用.tooltip容器和.tooltip-text提示框结构，配合:default隐藏、:hover显示；3.利用::after伪元素及透明边框形成三角箭头，调整方位可支持多方向；4.添加过渡动画提升体验，控制层级避免遮挡。
-
Grid布局中列宽被压缩的解决方法是使用minmax()在grid-template-columns中设置最小宽度，如minmax(200px,1fr)，并配合auto-fit实现响应式等宽列，同时避免父容器覆盖、子项min-width:0等干扰。
-
前端错误上报系统需全面捕获JavaScript错误、Promise异常、资源加载失败及框架级错误，通过异步非阻塞方式上报，优先使用sendBeacon保障卸载时数据发送，失败则本地缓存重试；采集上下文信息时兼顾隐私保护，过滤敏感数据并支持用户授权标识，结合错误分类打标提升可分析性；系统设计轻量独立，避免依赖主应用，支持远程开关与服务端高可用，确保稳定可靠运行。
-
WebSocket是JavaScript实现实时通信最常用方式，基于单个TCP连接实现全双工、低延迟双向通信；需监听onopen、onmessage、onerror、onclose事件，用JSON收发结构化数据，并手动实现带重试限制的自动重连，注意wss://与HTTPS匹配及跨域服务端校验。
-
Map和Set是解决对象局限的专用工具：Map支持任意类型键、保持插入顺序、无原型污染、原生size属性；Set自动去重、O(1)查询、正确处理NaN、强调存在性而非索引。
-
按钮悬停效果生硬源于未设过渡动画或transition不合理；应指定具体属性如background-color、transform等，配cubic-bezier缓动函数与0.2–0.3s时长，并用transform+will-change提升性能。
-
清除浮动可防止父容器高度塌陷，在Flexbox中若子元素仍使用float，需通过::after伪元素、overflow:hidden或display:flow-root等方法闭合浮动，确保布局稳定。
