使用:nth-of-type可实现按类型周期性分组样式，如p:nth-of-type(3n+1)选每组首个元素，p:nth-of-type(3n)选末尾元素，适用于同类型子元素的规律布局。

设置页脚始终可见需使用position:fixed;bottom:0;并为body添加padding-bottom防止内容遮挡，确保页脚固定显示在视口底部。

Serverless架构让开发者专注业务逻辑，结合云原生理念，JavaScript通过Node.js在AWSLambda、阿里云函数计算等平台实现高可用、弹性后端；利用Express可迁移传统应用，集成MongoDBAtlas、DynamoDB、OSS等无服务器数据服务，并通过ServerlessFramework与CI/CD实现自动化部署，优化依赖、连接复用和监控，适用于API、定时任务等场景。

call和apply立即执行函数并改变this指向，区别在于参数传递方式；bind返回绑定后的新函数，可延迟调用且支持柯里化。

gap不生效主因是父容器未设display:grid；其次可能被CSS覆盖、子项用display:contents脱离布局，或兼容性问题。需检查Computed值、避免混用grid-gap、确保浏览器支持。

本文详解如何结合Ionic的<ion-grid>、<ion-col>响应式尺寸属性与*ngFor指令，实现真正适配多端（移动端、平板、桌面）的动态商品网格，避免单列堆叠，提升列表展示效率与用户体验。

答案：JavaScript实现搜索高亮可通过原生replace、pdf.js或mark.js。先用转义后关键词构造不区分大小写的正则，替换为带标签的HTML并插入页面；对PDF可用pdf.js加载文件，通过iframe调用findBarAPI实现全词高亮；复杂场景推荐mark.js，支持排除元素和模糊匹配，调用mark()即可完成。

动画结束后元素消失是因为默认animation-fill-mode:none，导致恢复原始样式；使用animation-fill-mode:forwards可保持最后一帧状态，需配合keyframes中明确的100%样式定义，并注意display/visibility等属性干扰。

JavaScript无内置数据库，但可通过多种方案实现数据持久化：浏览器端可用localStorage、sessionStorage、IndexedDB及CacheAPI；Node.js服务端可连接MySQL、PostgreSQL、MongoDB或SQLite；跨平台方案包括LevelDB、Firebase和Supabase，按场景选择可提升性能与开发效率。

用:target可实现单页导航高亮，需锚点链接与对应id元素匹配；高亮导航项需借助同级类名或~选择器联动；支持IE9+，但依赖URL锚点且不适用于跨页跳转。

:last-child伪类选择器用于选中父元素的最后一个子元素并设置样式，常用于去除列表最后一项的边框或调整段落间距。其语法为element:last-child{样式声明}，匹配既是指定类型又是最后一个子元素的标签。典型应用场景包括：1.去除li列表最后一项的border-bottom；2.清除.contentp中最后一个段落的margin-bottom。需注意，:last-child严格判断是否为最后一个子节点，若父元素末尾为其他标签（如div），则p:last-child不生效，此时应改用:last

浮动用于脱离文档流的横向排列与文字环绕，需处理高度塌陷和清除浮动；inline-block保留文档流，适合组件布局但存在空白间隙；现代布局推荐Flexbox和Grid，简单场景可选inline-block，避免用浮动做整体页面布局。

JavaScript模板字符串是ES6引入的用反引号包裹的新语法，支持变量插值（${}）、多行书写、免转义单双引号，并可配合标签函数实现转义、国际化等高级处理。

WebAssembly通过与JavaScript集成实现异步优化：将计算密集型任务封装在Promise中运行于WebWorker，利用其接近原生的执行速度和非阻塞设计，提升异步性能；典型应用包括音视频处理、文件加密和游戏引擎，通过合理分工——重计算交Wasm、控制流留JavaScript——显著改善响应效率与资源利用率。

HTML5中实现横线分隔有五种方法：一、语义化<hr>标签；二、CSS边框属性；三、伪元素::before/::after；四、SVG矢量绘制；五、linear-gradient背景渐变模拟。