-
ServiceWorker是实现Web应用离线运行的核心，通过拦截网络请求、管理缓存和推送通知，在HTTPS或localhost环境下提供离线支持；它独立于主线程运行，注册后可通过install事件预缓存资源，fetch事件实现缓存优先或网络优先的请求策略，并在activate事件中清理旧缓存以完成版本更新，合理配置缓存策略与版本控制可显著提升应用可靠性与用户体验。
-
可利用HTML5CanvasAPI在客户端直接裁剪图片：一、准备img与canvas元素并确保图片加载完成；二、用drawImage将图绘至canvas；三、通过鼠标/触摸事件定义并绘制矩形选区；四、创建新canvas提取裁剪区域并导出Base64或Blob；五、适配移动端，监听touch事件替代mouse事件。
-
剩余参数（...）将多余实参收集为真数组，区别于非数组的arguments；必须位于参数末尾且唯一；可与固定参数共用，常用于可变函数、参数透传和替代apply。
-
首先创建包含HTML和CSS动画代码的本地网页文件夹，再通过WallpaperEngine的“从文件夹导入”功能加载index.html，最后优化动画性能与资源适配性以确保流畅运行。
-
跨域问题由浏览器同源策略引发，主要解决方案有：1.CORS通过服务器设置Access-Control-Allow-Origin等响应头实现，是主流方案；2.JSONP利用script标签不受限特性，仅支持GET请求；3.代理服务器通过Nginx或开发工具配置转发请求，实现同源通信；4.postMessage用于iframe间跨域通信，需验证origin确保安全。生产环境推荐CORS或代理方案。
-
CSS盒模型本身不导致性能问题，但频繁读写布局属性（如offsetWidth）、修改几何属性（width/height等）或未优化的JS操作会触发高开销重排；应优先用transform/opacity、box-sizing:border-box、批量操作和图层提升来避免。
-
HTML通过浏览器解析实现页面展示，首先请求HTML文件，解析生成DOM树，同时加载CSS形成CSSOM，二者结合构建渲染树，再经布局、绘制和合成最终呈现页面。
-
通过设置CSSGrid布局与background-gradient动画结合，实现子元素背景渐变流动效果。首先定义.container为grid容器，采用repeat(3,1fr)创建三列等宽网格并设置间距；接着为.item设置linear-gradient背景，方向90deg，颜色从#ff8a00到#e52e71再到#6a1b9a，并将background-size设为200%以提供动画空间；然后通过@keyframes定义gradientShift动画，改变background-position实现渐变
-
Flex布局对齐需先确认主轴方向：flex-direction决定主轴（row为水平，column为垂直），justify-content控制主轴对齐，align-items控制交叉轴对齐；主轴变化时二者作用方向同步改变。
-
HTML文件的标准规范核心是W3C制定的HTML5标准，要求使用<!DOCTYPEhtml>声明、正确的文档结构（<html><head><body>）、语义化标签和UTF-8字符编码；2.编辑HTML推荐使用VSCode等支持高亮、自动补全的工具，并建立包含基本骨架的模板以避免遗漏关键元素；3.遵循语义化标签（如<header>、<nav>、<main>）能提升代码可读性、SEO效果、可访问性及跨平台兼容性；4.常见错误
-
可通过纯CSS3动画实现网页按钮悬停翻转效果，包括rotateY水平翻转、rotateX垂直翻转、keyframes动态翻转、伪元素双面翻转及触控设备适配方案。
-
首先初始化Sentry项目并获取DSN，然后安装@sentry/browser和@sentry/tracing，接着在入口文件中通过Sentry.init配置SDK；第二步配置Webpack生成source-map，并使用@sentry/webpack-plugin上传sourcemap文件至Sentry；第三步通过setUser、setTag、setExtra添加上下文信息以增强错误排查能力；最后部署后触发测试异常，验证Sentry是否正确显示原始源码路径、行号及上下文信息，确保错误可精准还原。
-
iPad上无法通过HTML5inputtype="file"读取任意本地文件路径，仅能通过系统文件选择器从相册、文件App或iCloudDrive中选择文件；需正确设置accept属性（如".pdf,.csv,.json"）并确保HTTPS环境，FileReader读取时需处理未下载文件和大文件限制。
-
JavaScript错误处理核心是try...catch语句，用于捕获并响应异常：try块放可能出错代码，catch块处理错误并接收错误对象；常用于外部数据解析、不确定属性访问、第三方API调用及本地存储操作；可通过err.name精准判断错误类型；finally块无论是否出错均执行，适用于清理工作。
-
::after清除浮动更可靠，因其通过插入伪元素并触发BFC来撑开父容器，不污染HTML语义；推荐写法为content:""+display:table+clear:both。
