-
FileReaderAPI可异步读取文件内容，支持文本、图片预览、JSON解析等。通过readAsText、readAsDataURL等方法结合onload事件读取结果，常用于文件上传前预览、配置导入等场景。示例包括：用readAsDataURL实现图片预览；用readAsText解析JSON或文本文件并处理错误；监听onprogress事件显示大文件读取进度。需注意文件类型判断、错误处理与内存占用，建议封装复用。
-
JavaScript装饰器是处于TC39Stage3的语法特性，本质为接收目标、名称、描述符等参数的函数式元编程工具，用于在运行时包裹行为以实现日志、权限等横切关注点；支持类、方法、访问器、属性及参数五种类型，各具不同参数与用途。
-
优先选用qrcode.js等成熟库而非手写canvas，因其支持toCanvas()和toSVG()、兼容性好且避免ECC、掩码等编码坑，使用时需确保DOM就位并传入元素而非ID字符串。
-
本文详解为何try...catch无法捕获URL.createObjectURL()抛出的异常，并提供可落地的修复方案：将错误处理移至异步回调作用域，配合Blob有效性校验，确保资源不存在等场景下仍能优雅降级。
-
跨浏览器问题主要源于伪类、伪元素及CSS特性支持差异，而非选择器语法本身；如:focus-visible、::placeholder需兼容写法，:has()等新特性需查CanIUse确认支持范围。
-
使用伪元素模拟渐变阴影效果，通过::before创建偏移的渐变层并结合blur和opacity实现柔和投影，再配合多层box-shadow或背景渐变+外发光提升立体感，三种方法分别适用于不同设计需求。
-
本文介绍在自定义CSS模态框中，如何通过JavaScript精确控制内部可滚动div的滚动位置，确保每次打开模态框时其内容自动滚动至顶部，避免残留滚动偏移。
-
纯函数与高阶函数是JS函数式编程的核心：纯函数确保可预测性和无副作用，便于测试与调试；高阶函数通过接收或返回函数，实现行为抽象与逻辑复用，如map、filter及debounce等应用；二者结合提升代码可维护性、可读性与灵活性，但需注意深拷贝性能、闭包内存泄漏及过度组合等问题，合理使用memoization、结构共享和useCallback等优化策略。
-
推荐用margin+:last-child重置或gap属性实现同级元素间距：普通流用p{margin-bottom:16px}p:last-child{margin-bottom:0}，Flex/Grid容器直接设gap:16px。
-
首先选择支持Git的HTML编辑器如VSCode，确认安装Git工具后，在项目根目录执行gitinit初始化仓库，配置用户名和邮箱，通过gitadd与gitcommit提交代码，再关联远程仓库并用gitpush推送，最后可利用VSCode内置Git面板图形化管理提交与同步操作。
-
最简洁可靠的方式是使用flex-direction:column配合margin-top:auto作用于页脚元素；需设置html,body{height:100%;margin:0;}，.layout{display:flex;flex-direction:column;min-height:100vh;}，footer{margin-top:auto;}。
-
<footer>必须嵌套在语义化区块（如<body>、<article>）内，不可悬空于<html>外；应作为内容结束标记，配合position:sticky与父容器min-height:100vh实现可靠贴底，并添加role="contentinfo"提升可访问性。
-
ReactHooks是React16.8引入的函数，使函数组件支持状态（useState）和副作用（useEffect）；useState用于声明和更新状态变量，可多次调用管理多个独立状态；useEffect用于处理数据获取、订阅等副作用，依赖数组控制执行时机，并支持清理函数。
-
rgba遮罩是最直接有效的解决方式——通过在背景图上叠加半透明色块来调节局部明暗，提升文字可读性；它保留图片纹理，避免opacity连带降低文字透明度，且支持精准明暗控制与暗色模式适配。
-
Grid圣杯布局更省心因原生支持显式轨道与隐式区域分配，无需清除浮动、手动计算flex-basis或写媒体查询即可实现侧边栏自动换行；关键需用grid-template-areas明确定义语义区域，配合grid-area精准归位，避免DOM与视觉顺序错乱。
