🧠 技能沉淀

2026-07-26 · 美食地图全流程经验+14条错误清单定型
🥇 美食地图 · HTML/JS必检清单

① 头部计数

每次加店/删店都必须更新:`stats` 中的店数 + 区域计数。漏了就不匹配。

② onclick位置

必须放在外层 `.card` 上,不是 `.card-body`。否则点图片空白区域无反应。

③ openDetail索引

卡片 `onclick` 的索引必须精确等于 `stores[]` 数组中的 index。增删店后索引会变化,必须同步。

④ renderCarousel

必须用 `createElement` + `onerror` 函数,不能用内联 `onerror="..."`。

⑤ 导航格式

统一用高德:`uri.amap.com/marker?position=lng,lat&name=店名`。百度搜索链接手机端会跳首页。

⑥ 导航按钮位置

每张卡片底部必须有导航按钮(🗺️),用户不用点开详情就能直接导航。

⑦ event.stopPropagation

导航链接 `href` 上必须加 `onclick="event.stopPropagation()"`,否则点导航会触发卡片详情。

⑧ stores数组语法

逗号不能漏,花括号必须配对。`emojis` 不能写成 `emoji`。

🥇 工作流程必检
🥇 北极星审核标准
🥇 部署验证