-
在Puppeteer中，page.evaluate()运行于浏览器上下文，与Node.js环境完全隔离，因此无法直接访问外部变量；必须通过pageFunction的参数列表显式传入所需数据。
-
Promise链是通过.then()方法串联多个异步操作，确保依次执行并传递结果，例如fetch用户数据后请求其文章，每步返回值或Promise供下一步使用，错误由末尾.catch()统一捕获，需避免断链陷阱如忘记returnPromise。
-
HTML5的<mark>标签在转PDF时默认不保留高亮，需显式定义CSS样式并选用支持该标签的工具；wkhtmltopdf和WeasyPrint支持但表现不同，pdfmake/jsPDF则完全忽略，推荐用class替代并配合打印预览验证。
-
JavaScript代码规范核心是提升可读性、可维护性与协作效率，依赖ESLint（逻辑质量）与Prettier（样式格式）协同，配合husky、lint-staged、CI等流程卡点及轻量团队约定，实现自动化、可持续的风格统一。
-
响应式系统通过数据变化自动更新视图，核心为依赖收集与更新触发。利用Proxy或Object.defineProperty劫持数据，读取时收集依赖，修改时通知更新。Vue3采用Proxy实现动态属性监听与数组支持，React通过虚拟DOM对比更新UI，Angular曾用脏检查。双向绑定本质是v-bind与v-on语法糖。示例展示基于Proxy的简易响应式机制，提升对框架底层逻辑理解。
-
Base64图片在CSS中需用url("data:image/...;base64,...")格式，引号和MIME类型缺一不可；字符串禁换行；大图（>10KB）内联损害性能；注意CSP、Safari兼容性及构建策略。
-
:empty伪类结合::before可为空元素插入提示。例如，.editable-placeholder:empty::before{content:"请输入内容...";}在无内容时显示提示，输入后自动消失。应用场景包括编辑器、留言列表、输入框等。注意元素必须完全为空，含空格或换行则不触发。样式由CSS控制，避免影响内容结构。
-
变量提升是JavaScript引擎将var声明（仅声明，不包括赋值）提升至当前作用域顶部的行为，而let和const虽被声明记录但不初始化，其声明前访问会触发ReferenceError，该区域称为暂时性死区（TDZ）。
-
HTML5中嵌入在线文档需根据来源选择方案：一、用iframe嵌入GoogleDocs等公开文档，须设“任何人可查看”；二、通过OnlyOffice等第三方服务中转，确保响应头允许嵌入；三、用object/embed加载PDF，需服务器配置CORS；四、无法修改源站时，可用服务端代理过滤禁用响应头。
-
::before和::after通过content插入装饰性内容，可实现图标、气泡框、悬停动画等视觉效果，提升页面表现力且无需修改HTML结构。
-
卡片高度不一致的根本原因是内容结构不统一，包括标题行数、段落长短、图片尺寸和按钮文字长度差异；应通过grid-template-rows+minmax()锁定内容区域最小高度，并在HTML层面统一图片容器、标题行数、摘要行数及按钮文案，辅以flex下height:0;min-height:100%等高技巧。
-
JavaScript在响应式设计中通过动态检测屏幕尺寸、设备类型及输入方式，实现适配布局与交互优化。利用window.innerWidth、matchMedia监听断点变化，结合resize事件切换导航形态；按需加载资源以提升性能，如移动端禁用动画、桌面端启用悬停提示；通过'touchstart'判断触屏设备，调整点击热区与交互逻辑；协同CSS处理基础布局，JS控制动态行为，如侧边栏展开收起，确保多设备体验一致且核心内容可降级访问。
-
滚动卡顿常因重排重绘频繁导致，使用will-change可提前告知浏览器将变化的元素，触发图层提升和GPU加速，结合硬件加速、contain属性及passive事件监听等手段，能有效优化溢出滚动性能。
-
call和apply方法都用于改变函数的this指向，但在参数传递上不同：1.call方法接受一个this值和若干个参数；2.apply方法接受一个this值和一个参数数组。选择使用哪一个取决于具体需求和代码风格。
-
background-attachment:fixed在现代CSS中常因父容器存在transform、perspective、filter或will-change而被浏览器静默降级为scroll；替代方案包括position:sticky、calc()配合background-position实现纯CSS视差，或使用scroll-drivenanimations（Chrome115+），iOSSafari则需特殊处理避免错位。
