-
JavaScript正则匹配核心是test()判断存在性、match()/exec()提取内容；优先用includes()/indexOf()替代；注意转义特殊字符、标志作用及贪婪控制。
-
Promise有pending、fulfilled、rejected三种状态，状态一旦改变不可逆；2.通过then方法注册回调并返回新Promise实现链式调用；3.回调异步执行，使用queueMicrotask模拟微任务；4.resolvePromise函数处理then返回值，若为Promise则递归解析，否则直接resolve；5.需防止循环引用和多次调用，确保错误冒泡。
-
直接用rotate()做菱形容易错位，因为默认以左上角为旋转原点，需显式设transform-origin:center；父容器须为等宽高等尺寸的正方形并加overflow:hidden，配合45deg旋转才能实现全对称菱形。
-
底部固定布局不能仅用position:fixed因会脱离文档流导致遮挡，需用flex布局：父容器min-height:100vh、display:flex、flex-direction:column，主内容区设flex:10auto，底部保持默认不伸缩。
-
SVG仪表盘刻度必须与指针共用同一角度映射公式，即θ=startAngle+(val−minVal)/(maxVal−minVal)×(endAngle−startAngle)，否则视觉错位；刻度线用<line>从圆心出发计算端点，数字标签需绕圆心旋转并设text-anchor和dominant-baseline对齐。
-
*重置边距常失效，因浏览器默认样式权重高、优先级低且box-sizing不统一；应改用html/body显式清零+**,::before,::after组合重置并设border-box。
-
高分屏下<img>模糊主因是浏览器用低分辨率图强行拉伸填充CSS像素区域，触发双线性插值致边缘发虚；根本解法是用srcset+sizes让浏览器按设备像素比自动选对图源，并配合image-rendering等CSS控制重采样。
-
现代浏览器禁止无用户交互的音频自动播放，必须在click或touchstart等用户手势事件中调用audio.play()并捕获Promise错误，muted无法可靠绕过限制。
-
答案：通过fixed定位固定按钮位置，结合transition实现淡入淡出效果，利用JavaScript监听滚动事件控制显示隐藏，并通过scroll-behavior或smooth滚动实现平滑返回顶部。
-
em单位是相对于当前元素的字体大小计算的，但在实际应用中受父元素影响。1.em单位在响应式设计中非常有用，能随父元素变化。2.使用em可保持不同屏幕尺寸上的文字可读性。3.嵌套元素的计算复杂时，可用rem单位避免问题。4.根据需求灵活选择em和rem，CSS预处理器有助于管理em值。通过合理使用em，可以创建更具响应性和可读性的网页设计。
-
BigInt是JavaScript中用于精确表示任意精度整数的原始类型，解决Number类型超出9007199254740991后精度丢失问题；需用后缀n或BigInt()创建，不支持小数、Math方法及JSON序列化，运算需同类型，ES2020起支持。
-
HTML5Canvas文本绘制需调用2D上下文方法：一、fillText绘制实心文本，需设置font、fillStyle及坐标；二、strokeText绘制描边文本，需配置strokeStyle和lineWidth；三、textAlignment和textBaseline控制对齐与基线；四、measureText测量宽度以实现动态布局；五、手动分词+逐行fillText实现多行换行。
-
JavaScript地理定位通过GeolocationAPI获取用户经纬度，需用户授权，综合Wi-Fi、基站、IP和GPS估算位置，精度几米至几公里；须检测兼容性、绑定用户操作调用，并配合地图SDK或服务端校验。
-
HTML的output标签动态显示计算结果的方法主要通过JavaScript监听输入事件。1.首先，为输入框绑定input事件监听器；2.在回调函数中获取输入值并转换为数字；3.执行计算逻辑；4.将结果赋值给output标签的value属性。这种做法无需提交表单即可实时反馈，提升了用户体验。此外，output标签具有语义化优势，能提升可访问性和代码可读性，并支持多种复杂交互，如字符串拼接、日期计算、单位转换等。使用时需注意类型转换、初始值处理、非数字输入校验及性能优化等问题。
-
:lang()伪类通过lang属性为不同语言文本应用特定样式，如设置中英文分别使用SimSun和Arial字体，可精准处理嵌套语言内容并结合html标签定义主语言，提升多语言网页排版效果。
