-
JavaScript变量是存储数据的容器，支持动态类型和let/const声明；let用于可变块级变量，const用于不可重赋值常量，需注意对象属性仍可修改。
-
用calc()绝对居中偏移是因为50%基准与元素真实宽高不匹配；应优先用transform:translate(-50%,-50%)或inset:0+margin:auto，calc()仅适用于宽高明确且固定的场景。
-
节流是在固定时间间隔内最多执行一次，适用于滚动监听等需匀速响应的场景；防抖是在最后一次触发后延迟执行，适用于搜索输入等需等待用户操作稳定的场景。
-
XMLHttpRequest（XHR）是实现网页异步通信的基础API，用于在不刷新页面的情况下与服务器交换数据；2.它通过readyState五个状态（0-4）管理请求生命周期，并支持onreadystatechange、onerror等事件精细控制流程；3.常见陷阱包括跨域CORS需服务器配置、回调地狱导致代码难维护、错误处理需区分HTTP状态码与网络错误、禁止使用同步请求避免页面卡死、接收数据须防XSS攻击。
-
可在HTML中显示访问者IP地址，需借助服务器端脚本或第三方API：一、JS调用公共API；二、PHP嵌入服务端获取；三、Node.js后端配合AJAX；四、NginxSSI嵌入。
-
本文介绍使用NBER官方RESTfulAPI替代传统HTML爬虫的方法，通过jsonlite直接解析结构化JSON数据，稳定、快速、免渲染地提取工作论文编号及标题、作者、摘要等元信息。
-
NotAllowedError黑屏主因是浏览器未获摄像头权限，需用户点击允许且页面启用HTTPS；须由用户手势触发调用，正确绑定stream到video.srcObject，并注意Safari需autoplay/muted/playsinline三属性齐备。
-
移动端页面拖拽是浏览器默认的弹性overscroll行为，根本原因是滚动容器无真实内容时触发；推荐用overscroll-behavior:none精准拦截，兼容旧版需结合preventDefault与position:fixed方案。
-
Angular模板中:has()伪类选择器在Firefox等浏览器中默认不生效，主因是该特性尚未默认启用（如Firefox需手动开启实验性标志），而非Angular或<ng-container>导致的DOM结构问题。
-
使用gap设置按钮间距，justify-content控制对齐方式。1.gap属性统一设置按钮间距离，避免margin问题；2.justify-content实现左对齐、居中、右对齐或等分排列；3.组合使用可创建居中、两端对齐、均匀分布等布局；4.注意避免flex-wrap影响，并确保浏览器兼容性，现代浏览器均支持gap。
-
本文详解如何在React问答应用中正确实现“答案变更即修正得分”的逻辑：仅当用户首次作答时按对错增减分数，后续修改仅在答案由正确变错误时扣分（避免重复加减导致总分失真）。
-
是，但仅在高频重排/重绘+复杂选择器+大量匹配节点时明显；现代浏览器已优化单次渲染，深层嵌套如.container.list.item.content.title通常无感卡顿。
-
HTML本身不能连接数据库，它是纯静态标记语言，无执行能力；所有“HTML连数据库”实为混淆前后端职责，真正连接数据库的是服务器端程序，前端仅能通过fetch等向后端API发起HTTP请求。
-
srcset和sizes让浏览器按设备像素比和布局宽度自主选图：srcset提供带w/x的候选图，sizes定义图片显示宽度，二者配合避免模糊；需避免混用单位、缺失sizes、仅用x描述，且WebP/AVIF必须用picture回退，同时保留width/height防布局偏移。
-
JSP可通过直接编写HTML、include指令、Java代码读取文件或Servlet传递属性四种方式获取并渲染HTML内容，适用于不同场景的动态页面生成需求。
