-
JavaScript异步编程本质是不卡主线程，回调函数是最基础实现手段；它作为一等公民被传入API并在合适时调用，分同步与异步两类，需注意err-first约定、错误处理及避免回调地狱。
-
页面预加载通过JavaScript操作BOM实现，核心在于动态加载资源以提升用户体验。1.动态图片预加载：提前加载轮播图或点击后即将展示的图片；2.数据预加载：利用FetchAPI或XMLHttpRequest预取JSON等数据；3.动态插入link标签：根据条件灵活使用preload或prefetch声明式加载资源。相比静态声明，JavaScript提供了更精细的控制能力，如基于用户行为、网络状况、历史记录进行智能判断，同时支持数据预取和兼容性回退。但需注意避免过度预加载、合理管理缓存、考虑网络状况、控
-
Node.js使JavaScript服务端编程成为现实，它通过C++底层（libuv、V8）封装系统能力，提供fs、path、http等核心模块及CommonJS/ESM双模块系统，但二者不可混用。
-
JavaScript中触发隐式类型转换的操作包括：==比较、+拼接、if/&&/||逻辑判断、-*/算术运算及!取反；==因转换规则复杂危险，应优先用===；+运算符在任一操作数为字符串时执行拼接；假值仅限false、0、-0、0n、''、null、undefined、NaN。
-
前端错误处理需结合全局与局部捕获：通过window.onerror和unhandledrejection监听未捕获异常，try-catch处理同步风险操作，异步错误在作用域内捕获；上报使用sendBeacon或Image确保可靠性，并携带上下文信息；配合SourceMap还原压缩代码堆栈，实现监控闭环。
-
Flex容器height无效主因是父容器高度未明确，需逐级设置html、body及中间父容器高度（如height:100%或min-height:100vh）；align-items:stretch失效常因子项设了height/min-height或min-height:0；height:100%需父容器有确定高度；flex:1塌陷多因默认min-height:auto压制flex-basis:0，应显式设min-height:0。
-
XMLHttpRequest（XHR）是实现网页异步通信的基础API，用于在不刷新页面的情况下与服务器交换数据；2.它通过readyState五个状态（0-4）管理请求生命周期，并支持onreadystatechange、onerror等事件精细控制流程；3.常见陷阱包括跨域CORS需服务器配置、回调地狱导致代码难维护、错误处理需区分HTTP状态码与网络错误、禁止使用同步请求避免页面卡死、接收数据须防XSS攻击。
-
使用position:sticky或fixed可实现固定导航条。sticky使元素在滚动到临界点后吸附于视口，仍占文档流位置，适合头部导航；需设置top值。fixed使元素脱离文档流，始终固定在屏幕某位置，常用于全局固定布局，但需处理内容遮挡问题。选择依据：简单结构用sticky，复杂布局用fixed。移动端注意z-index和box-sizing。初学者推荐sticky，易于实现且稳定。
-
HTML项目初始化Git并关联GitHub需依次执行：gitinit、gitadd指定文件、gitcommit、gitremoteaddorigin、gitpush-uoriginmain；GitHubPages需正确设置发布源、禁用Jekyll、用相对路径、本地HTTP服务预览。
-
本文详解如何使用jQuery动态修改CSSGrid中指定单元格的背景色，修正原代码中backgroundcolor属性误写、DOM操作对象错误等常见问题，并提供可扩展、可复用的实现方案。
-
根本原因是绝对定位元素脱离文档流，父容器无法感知其存在。clearfix、BFC触发等方法均无效；有效方案包括显式设高、JS动态计算、改用relative+transform或flex/grid布局。
-
最直接且优雅为HTML表格添加交替列颜色的方式是使用CSS的nth-child伪类选择器作用于<td>元素。1.通过td:nth-child(even)和td:nth-child(odd)分别设置偶数列和奇数列的背景色；2.nth-child基于同级元素位置计算，适用于标准表格结构；3.遇到colspan或rowspan时需采用JavaScript辅助或手动添加类等方案处理。此方法依赖标准DOM结构，若表格复杂可能需要调整设计或引入脚本逻辑以确保视觉一致性。
-
::before和::after通过content插入装饰性内容，可实现图标、气泡框、悬停动画等视觉效果，提升页面表现力且无需修改HTML结构。
-
最直接可控的方式是用transform:scale()缩放第二页容器并配合position:absolute叠放，需设transform-origin:topleft，打印时用@mediaprint规则生效。
-
怎么用::before和::after画步骤之间的连接线关键不是“画线”，而是让每一步的右侧（或左侧）自动延伸出一条细线，连到下一步。最稳的方式是：只给除最后一步外的所有步骤加::after，让它生成一根绝对定位的横向线，宽度由下一项位置决定。常见错误是试图用::before在第一步左边画线，或给所有步骤都加伪元素再手动控制显隐——这会让DOM变动时线的位置错乱。每步容器用position:relative，方便伪元素定位::after设置content:""、pos
