-
String.prototype.at()是ES2022引入的安全取字符方法，原生支持负数索引（如-1取末字符），越界统一返回undefined，而str[-1]恒为undefined；旧环境可用length判断回退。
-
PCIDSS是保护持卡人信息的支付安全标准。使用JavaScript集成支付时，应避免处理敏感数据，通过Stripe等提供的托管表单或iframe，使卡号、CVV等信息直接由支付网关处理，仅获取令牌用于后端创建支付，从而落入最简SAQA合规级别。禁止在前端收集或加密信用卡信息，不得存储CVV等禁用数据，须使用官方SDK并启用CSP防护，确保始终符合PCI要求。
-
用<ol>语义化结构配合flex布局水平排列<li>，伪元素::after绘制连接线并隐藏最后一项，外层容器设overflow-x:auto实现响应式横滑，移动端用clamp()缩放字体、white-space:nowrap防换行。
-
text-overflow:ellipsis仅对块级或明确设宽的内联块元素生效，需同时满足white-space:nowrap、宽度限制及溢出条件；原生不支持多行省略，WebKit私有属性存在兼容性限制，Flex中需设min-width:0才能触发。
-
<template>元素内容需克隆后使用，直接操作会清空源；必须用content.cloneNode(true)深克隆，再修改textContent或dataset；注意判空、防XSS，跨文档才需importNode。
-
HTML5通过GeolocationAPI实现地理定位，调用navigator.geolocation.getCurrentPosition()获取用户位置，支持经纬度与精度信息，需处理授权与错误；使用watchPosition()持续追踪位置变化，适用于导航等场景；必须在HTTPS或localhost安全环境下运行，注意用户隐私、权限管理及移动端高精度模式的电量消耗。
-
最可靠方案是浏览器原生打印（DevTools→Ctrl/Cmd+P→另存为PDF）或Puppeteer服务端渲染；html2canvas+jsPDF因截图原理存在字体、样式、跨域及模糊等多重缺陷需慎用。
-
水波纹动画未触发的主因是元素不可聚焦或:active状态失效；需确保button等可聚焦，div加tabindex="0"，避免pointer-events:none和display:none，父容器设position:relative+z-index解决溢出，用transform+opacity实现GPU加速动画，并添加touch-action:manipulation优化移动端响应。
-
先用Flexbox构建页脚结构，再通过媒体查询适配移动端。使用flex布局实现三栏分布，结合justify-content与align-items控制对齐，设置flex-wrap允许换行；在屏幕小于768px时，通过mediaquery改为column布局，使内容垂直堆叠，优化小屏可读性；同时调整字体、间距，提升可访问性与视觉体验。
-
column-gap设置后没生效？先检查display类型多列布局不是所有display值都支持，column-gap只在启用了多列上下文的容器上起作用。常见错误是直接给div加column-gap却忘了设column-count或column-width。display:block、display:inline下column-gap完全无效必须配合column-count（如column-count:3）或column-width（如column-width
-
如何用HTML+CSS+JavaScript实现弹窗？首先，使用HTML构建弹窗结构，包含弹窗容器、内容区域和触发按钮；其次，通过CSS设置隐藏状态、遮罩层和样式布局；最后，利用JavaScript控制显示与隐藏，包括点击按钮打开弹窗、点击关闭按钮或遮罩层隐藏弹窗。此外，可添加防止页面滚动、层级管理和移动端适配等优化细节。
-
要让背景图片铺满整个页面，需设置html和body高度为100%、清除默认margin和padding，并将background:url('xxx.jpg')no-repeatcentercenter/cover应用在body或固定定位全屏容器上。
-
01背包问题是在限定容量下使物品价值最大化，每物仅可选一次；使用动态规划，通过状态转移方程dpi=max(dpi-1,dpi-1]+value[i])求解；JavaScript中可用二维数组实现，再优化为一维数组从后往前更新，降低空间复杂度。
-
CSS没有background-video属性，全屏背景视频需用video元素配合object-fit:cover、width:100vw、height:100vh及autoplaymuted等属性实现，并注意移动端playsinline、兼容性降级和视频源质量。
-
:focus-within在Bootstrap表单中失效，因父容器未直接包含可聚焦子元素或结构不合规；应确保label包裹input、或给容器设tabindex="-1"，优先使用v5.3+的.form-floating组件。
