-
Promise是解决回调地狱的关键，它通过pending、fulfilled、rejected三种状态管理异步操作，支持.then()、.catch()、.finally()链式调用，提升代码可读性与错误处理能力。
-
使用Animate.css结合IntersectionObserver实现滚动触发动画，通过CDN或npm引入库文件，为元素添加.animate__animated和动画类名，利用IntersectionObserver监听元素进入视口并触发如fadein、slideInUp等动画，设置threshold和rootMargin优化触发时机，避免重复执行，提升用户体验。
-
Grid是二维布局，适合页面整体结构；Flexbox是一维布局，适用于组件内部排列。前者通过grid-template定义行列，支持区域命名，用于复杂网格；后者利用主轴与交叉轴对齐内容，常用于导航、按钮组等线性布局。两者可结合使用，根据“整体结构”或“内部排列”需求选择。
-
ServiceWorker通过拦截网络请求实现离线访问，首先注册sw.js文件，在install事件中缓存静态资源，activate时清理旧缓存，fetch事件中优先返回缓存响应并动态缓存新资源，通过版本号更新缓存并使用skipWaiting和clients.claim实现快速激活。
-
使用Flex布局实现导航栏可通过display:flex设置容器，justify-content控制水平分布，align-items实现垂直居中，flex:1使项目等宽自适应，配合清除默认样式完成高效布局。
-
文字与图片重叠是因为浮动元素脱离文档流，后续内容会环绕其排列；使用clear:both可清除浮动影响，使元素两侧不出现浮动对象，从而避免布局错位。
-
模块联邦是Webpack5实现微前端的核心技术，允许运行时动态共享模块。主应用通过remotes配置引入远程模块，子应用通过exposes暴露组件，shared设置公共依赖避免重复加载。需注意版本一致、样式隔离与错误处理，适用于多团队协作与独立部署场景，但依赖Webpack且增加调试复杂度。
-
FetchAPI通过fetch()发起请求并处理Promise，需手动检查response.ok、设置headers和body（如POST时用JSON.stringify），注意cookies需credentials:'include'，且受CORS限制。
-
首先创建HTML结构并链接CSS，接着使用Flex或Grid布局实现响应式相册，通过object-fit和box-shadow优化图片展示，添加hover效果和figcaption提升交互与可访问性，最后检查路径、优化图片并部署到静态托管服务。
-
合理使用grid-template-areas可解决多层嵌套CSS网格布局的混乱问题，通过为每层容器独立定义语义化命名区域，如header、main、footer，并确保子网格不继承父级行列结构，避免深层元素误入外层网格；例如父级用"headhead""navmain"划分区块，子网格在main内再定义"content""ad"，使各层布局解耦；关键在于每层仅管理直接子元素，不跨容器定位，用padding或margin替代跨轨道调整，从而提升可读性与可维护性，防止错位。
-
HTML5中实现元素垂直居中的五种方法：一、Flexbox（display:flex+align-items:center）；二、Grid（display:grid+place-items:center）；三、绝对定位加transform（top:50%+translateY(-50%)）；四、table-cell（display:table-cell+vertical-align:middle）；五、line-height法（适用于单行内联元素）。
-
需用JavaScript实现HTML表格动态求和，包含五种方案：一、事件监听实时计算；二、数据属性结构化求和；三、contenteditable单元格配合keyup；四、Array.from与reduce函数式写法；五、多列独立求和模块化封装。
-
ES10（ECMAScript2019）增强实用性与可读性，新增flat()/flatMap()、Object.fromEntries()、trimStart()/trimEnd()、可选catch绑定、Symbol.description、toString()保留注释及JSON.stringify()修复行分隔符处理。
-
使用qrcode.js库可通过原生JavaScript在网页中动态生成二维码。首先引入库文件，然后创建QRCode实例并指定目标元素和配置参数即可。例如将当前页面URL生成128x128像素的二维码：newQRCode(document.getElementById("qrcode"),{text:window.location.href,width:128,height:128});。支持动态更新内容，如监听输入框事件实时生成新二维码，并可设置颜色、尺寸及纠错等级（L/M/Q/H），
-
解构赋值可从对象或数组提取数据并赋值变量，提升代码可读性与简洁性。1.从对象中提取属性可避免重复书写属性名，支持重命名与默认值；2.函数参数解构使接口更清晰，减少手动提取；3.数组解构按序取值，适用于多返回值与变量交换；4.结合默认值处理缺失字段，增强健壮性。
