-
font-display:swap会让浏览器立即显示系统字体，同时在后台加载自定义字体，加载完成后替换；swap的工作方式是先显示系统字体避免空白期，待自定义字体加载完成后再切换，适合希望快速显示内容的场景，但可能导致视觉“跳动”；font-display:fallback则限制字体加载时间窗口（约100ms），若未加载完成则使用系统字体且不再替换，适合追求视觉一致性的场景；选择策略为：优先可读性和快速显示选swap，希望统一风格不切换字体选fallback，字体小或品牌重要可试fallback，字体大或
-
用JavaScript发送POST请求最直接的方法是使用XMLHttpRequest对象，但现代开发中更推荐使用fetchAPI。使用fetchAPI发送POST请求的步骤如下：1.使用fetch函数发送请求，设置method为'POST'，并在headers中设置'Content-Type'为'application/json'。2.在body中使用JSON.stringify()将数据转换为JSON格式。3.使用.then处理响应，使用.catch处理错误。
-
在HTML中，<tr>定义表格行，<td>定义表格单元格。1.<tr>是表格的骨架，包围<td>和<th>形成结构。2.<td>填充表格内容，支持colspan和rowspan属性，使布局更灵活。
-
在HTML中，title属性可用于添加工具提示，其核心特点是轻量且易用。具体使用方法是直接在HTML标签中加入title属性并设置提示文字，适用于如链接、图片、按钮等多种元素。然而，title提示的显示由浏览器控制，存在一些限制：1.提示通常在鼠标悬停约1秒后出现；2.在移动端支持不一致，可能需点击触发；3.对换行和特殊字符支持有限，建议内容简洁。适合使用title的场景包括：1.图片简要说明；2.链接目标信息；3.表单字段辅助提示。但需要注意其局限性：1.移动端兼容性差；2.对无障碍访问不够友好；3.无
-
防抖和节流是JavaScript中优化性能的技术。防抖在事件停止触发后执行函数，适用于搜索框输入；节流在一定时间内只执行一次函数，适用于滚动事件。
-
Reflect对象在JavaScript中用于执行常见操作，如属性查找和函数调用，提升了操作的规范性和一致性。1)Reflect.defineProperty()提供更直观的属性定义方式；2)结合Proxy使用，Reflect.get和Reflect.set能更清晰地处理代理操作；3)尽管传统Object方法在某些情况下更适合，但Reflect提供了更现代、规范的对象操作方式，提高了代码的清晰度和可维护性。
-
为HTML表格添加时间选择器的核心在于利用JavaScript库或自定义脚本增强<input>元素的交互性，使其能够方便地选择时间。常见的做法是集成现有的时间选择器库，例如Flatpickr、Moment.js+TempusDominus、jQueryUITimepicker或原生HTML5<inputtype="time">；引入所选库的CSS和JavaScript文件；使用JavaScript初始化时间选择器并绑定到表格中的输入元素；监听change事件以获
-
要避免打印时出现空白页，需检查并调整CSS样式中的margin、padding及页面尺寸。其次，使用page-break-after或page-break-before属性控制分页。此外，限制打印区域宽度、避免绝对定位、动态调整页面高度，并检查打印机设置是否正确。具体步骤如下：1.检查并减小过大的margin或padding；2.使用.page-break类强制分页；3.设置打印区域宽度不超过纸张宽度；4.避免使用绝对定位；5.使用height:auto自适应内容高度；6.核对打印机的纸张大小和方向设置。
-
th标签用于定义表格中的表头单元格，与td标签不同，th增强了网页的可访问性和SEO优化：1.th明确表格标题，提高可读性和SEO；2.使用scope属性定义作用域；3.通过CSS自定义样式；4.确保语义化使用，避免滥用。
-
事件循环管理异步操作的执行顺序，而缓存策略则在其中优化数据获取效率。1.事件循环确保网络请求异步执行，避免阻塞主线程；2.缓存策略通过检查本地存储减少网络请求，提升响应速度；3.缓存未命中时发起异步请求，并在数据返回后更新缓存；4.利用事件循环调度实现stale-while-revalidate等高级缓存策略；5.请求去重、版本控制等机制保障缓存一致性；6.构建统一数据服务层协调事件循环与缓存逻辑，提升应用性能与用户体验。
-
CSStransform属性通过位移、旋转和缩放等函数实现元素的视觉变换。1.位移使用translate()函数，如translateX()、translateY()或translate3d()，可沿X、Y、Z轴移动元素；2.旋转使用rotate()函数，如rotateX()、rotateY()或rotate3d()，可绕指定轴旋转元素；3.缩放使用scale()函数，如scaleX()、scaleY()或scale3d()，可改变元素尺寸。这些变换不会影响文档流布局，并可通过transform-orig
-
在JavaScript中，可以通过模块模式使用闭包和立即执行函数表达式(IIFE)来实现单例模式，确保类只有一个实例并提供全局访问点。1)使用模块模式和IIFE创建单例，2)通过getInstance方法访问唯一实例，3)适用于管理全局状态如用户认证，但需谨慎使用以避免全局状态滥用和增加代码耦合性，4)可考虑依赖注入减少对单例的依赖，5)创建单例时应保持轻量化以免影响应用启动时间。
-
在JavaScript中，可以通过以下方式捕获未处理的Promise拒绝：1.在浏览器中使用window.onunhandledrejection事件；2.在Node.js中使用process.on('unhandledRejection')事件；3.使用.catch()方法在代码中处理Promise拒绝；4.实施全局错误处理函数来统一处理未处理的拒绝。通过结合这些方法，可以确保JavaScript应用程序的健壮性和用户体验。
-
使用JavaScript预览图片可以通过FileReaderAPI实现。首先，监听文件输入框的change事件，读取文件并将其转换为数据URL，最后设置到img标签的src属性上。其次，需要注意以下几点：1.文件类型检查，确保是图片文件；2.文件大小限制，避免加载过大的文件；3.支持多文件预览；4.错误处理，提供友好的提示；5.图片格式检测和转换，确保所有浏览器兼容；6.性能优化，预览前压缩图片；7.添加加载动画，提升用户体验。
-
JavaScript实现PDF预览可以通过多种方式实现，我推荐使用PDF.js。1.使用HTML5的<canvas>元素和PDF.js库解析并绘制PDF。2.PDF.js开源、性能优异，无需插件即可在浏览器中显示PDF。3.注意性能优化、兼容性和用户交互，以提升用户体验。
