-
async函数和回调函数是JavaScript中处理异步操作的不同方式，其核心区别在于代码结构、可读性和错误处理机制。1.回调函数通过将函数作为参数传递，在异步操作完成后执行，但容易导致“回调地狱”，代码嵌套深、逻辑混乱；2.async/await基于Promise，使用同步风格编写异步代码，提升可读性和维护性；3.错误处理方面，回调需在每个函数内手动检查err参数，而async/await通过try...catch集中捕获错误；4.在新项目或支持Promise的API中优先使用async/await，而
-
JavaScript类型转换分为隐式和显式两种：隐式由引擎自动完成，如"5"+3得"53"，"10"-"2"得8，if中0、""等转为false；显式通过Number()、String()、Boolean()等函数主动转换。需注意[]==false为true、{}+[]结果依赖上下文，建议多用===避免类型转换带来的意外。
-
JavaScript对象是键值对集合，属性访问用点号（合法标识符）或方括号（动态/特殊字符）；方法需加()调用，否则仅获函数引用；访问不存在属性返回undefined，安全处理用可选链?.或类型检查。
-
HTML5GeolocationAPI依赖底层系统且需HTTPS/localhost环境；失败主因是权限拒绝、定位服务关闭或超时未设；须完整处理error回调并适配坐标系与设备兼容性。
-
本文详解如何通过原生JavaScript实现点击缩略图动态切换主展示图的功能，解决因DOM选择器误用、事件绑定不当导致的图片不更新问题，并提供健壮、可扩展的代码实现。
-
input[type="checkbox"]和radio不能直接CSS改外观因浏览器原子级渲染，需先用appearance:none解锁；移除后须设宽高、关联label、处理状态与无障碍。
-
ES6是JavaScript的正式升级标准（ECMAScript2015），核心特性包括：let/const替代var实现块级作用域与TDZ；箭头函数无this/arguments但继承外层作用域；解构赋值需设默认值、兜底空对象防错；模板字符串支持表达式但${}内变量未声明即报错；字符串新方法更安全明确。
-
<style>必须放在<head>里，放<body>中会导致渲染闪动或被忽略；支持全部CSS语法但禁用@import；仅适用于单页特有样式，非性能优化手段。
-
应使用半透背景色而非opacity：将opacity:0.5改为background-color:rgba(0,0,0,0.5)，确保蒙罩与内容层平级分层；必要时用fixed定位或Portal移出DOM分支；backdrop-filter需内容层独立且避免transform触发新层叠上下文；固定弹窗需确保蒙罩z-index更高且同层叠上下文。
-
推荐使用SheetJS库导出：通过CDN引入xlsx.min.js，调用table_to_sheet转换表格为工作表，book_new创建工作簿，book_append_sheet添加工作表，writeFile触发下载。
-
JavaScript继承本质是操作prototype和constructor，通过原型链实现方法共享与属性继承，ES6class仅为语法糖，底层仍依赖__proto__和prototype链。
-
:link用于设置未访问链接样式，:visited用于已访问链接，二者通过用户访问状态区分，正确使用可提升导航清晰度与体验。
-
preload="auto"常失效因浏览器实现差异及服务端缺失Accept-Ranges响应头；需结合服务端range支持、合理编码参数（如GOP≤10秒）与客户端策略（如preload="metadata"+load()+play()）协同优化。
-
WeasyPrint是目前Python生态中CSS支持最完整、中文/字体/分页控制最友好的PDF生成方案，基于WebKit渲染逻辑重构，需显式声明中文字体路径、避免JS依赖、用break-系列属性和@page精确控制分页与样式。
-
最常见的原因是animation-iteration-count未设为大于1的值，默认为1导致无法往返；需配合infinite或具体次数使用alternate，并确保keyframes起止状态一致、timing-function合理。
