~/brickswiki $ grep -r "javascript" ./guides/
「javascript」
共 8 篇相关教程
tips
Bricks Tabs 自动轮播：滚动到可视区后自动切换标签页
给 Tabs (Nestable) 元素加自动轮播：元素进入视口后每隔 3 秒自动切到下一个标签页，离开视口自动暂停。基于 IntersectionObserver 与 setInterval，纯前端实现，免费教程完整代码。
tips
手风琴展开项自动滚动到可视区（解决内容跳动问题）
长内容手风琴切换时页面高度突变、内容乱跳？先判断手风琴是否选错了组件，确需使用时用 20 行 JS 在展开完成后自动滚动到新展开的条目，免费教程完整代码。
tutorial
通过 URL 参数 ?tab=xxx 直达 Bricks Tabs 指定标签页（补全实现）
分享链接想让访客直接打开第 2 个标签页？给 URL 加 ?tab=title-2 参数，页面加载时脚本按参数自动切换到对应标签。付费教程，本文给骨架并用官方 DOM 结构补全实现。
tutorial
用麦当劳点餐理解 JavaScript Promise（订单承诺类比）
作者把这个类比改了一点、补充了更多细节，然后让 AI 补全。下面是最终成品——用麦当劳点餐来理解 Promise：
tutorial
[笔记] JavaScript 模块（ES6 Modules）
作者最近开始了转全栈开发的旅程，正在写一个系列，记录每天学到的东西。这篇关于 ES6 模块 的文章就是系列的第一篇。
tutorial
Bricks 中按 Select 筛选值条件隐藏其他筛选器
访客在 Bricks 前端筛选器里选择某个下拉选项后，自动隐藏与该选项无关的其他筛选器（如范围滑块），避免用户误设互斥条件导致列表为空。
tutorial
Bricks 前端按日期选择器字段过滤文章（URL 状态同步）
让访客通过日期选择器筛选任意文章类型的内容（如按活动日期筛选活动），支持 from/to/date 三种 URL 参数，并兼容浏览器前进后退。
tips
WooCommerce 滚动吸顶 Add to Cart 区块（Bricks）
在 Bricks 中构建一个滚动时吸顶的加入购物车区块，包含产品图、标题、价格、数量与购买按钮，下滑淡入、回顶淡出，纯构建器实现无需插件。