今天上班主要完善了“门市分布”这个子页面。首先是把每个门店的照片裁剪处理好尺寸，再放进去重新布局。并且添加联系电话、门店地址和营业时间，最后给列表添加图标稍作美化就差不多搞完了。
与此同时，我还发现我的华硕笔记本电脑爆了一个驱动器错误的信息，通过仔细检查后发现好像是我的机械硬盘出现了故障。打开硬盘检测软件后，发现好像有替换扇区的操作，以及出现了多个不稳定扇区。
要知道机械硬盘最怕的就是震动。这台电脑是我 15 年入学买的，可这电脑在这两年经常被我带来带去，看样子这硬盘损耗的确实是有点严重了。我不知道我该换个固态还是继续用机械，考虑固态硬盘的话，就最怕出现掉盘，所以不敢贪便宜买一个小牌子。要不就等这个月的工资发下来之后再慢慢考虑考虑吧。
下午则是把那个“时间轴”的符号进行了微调，然后优化了一下全局样式表。接着在辉哥的建议下，尝试着给门店 Tab 页上面增加一个地图的功能，可以直接定位到各个门店，方便访客能快速寻找附近的店面。
我去了解了下百度地图的 API，首先需要申请一个应用 ID，接着去使用这个 ID 引用 JS 代码，链接格式大概是这样 http://api.map.baidu.com/getscript?v=3.0&ak=你的 ID。引用完库之后，还需要一段代码对其进行初始化，具体过程我是参考了 官方文档 来实现的。
初始化完地图还不够，还需要把各个门店的坐标分别录入进去，分别以一个点标在地图上面，并且要实现点击的时候弹出一个信息框，显示该门店的对应信息。通过查询百度地图 API 文档的示例代码，就可以看到很多相关的方法是可以直接调用实现的。具体的折腾过程，我觉得可以编写成一篇教程发布在博客上，也请各位敬请期待！
到了差不多下午五点钟的时候，我发现了一个非常神奇的 Bug。不知道是不是因为父元素默认隐藏的原因，导致那个地图的标点在切换过去之后出现了偏差。上网搜索寻找解决方案后，给它手动刷新了一下地图，就能解决这个问题了。
再一个细节问题就是那些标点的图片大小显示异常，经过详细检查后发现，其实是因为这些图片全部都是使用 img 元素插入，如果给所有 img 元素都编写了自适应的 max-width: 100% 属性，就会导致它的宽度出现问题。给地图里面的 img 元素单独设置一条 CSS 属性 max-width: none 就可以搞定了。
晚上回到家之后呢，就主要是把昨天那个表格的宏代码整理好，发布了一篇文章《设置条件批量修改 Excel 单元格内容》。虽然这段代码非常简单，但也是非常实用的。
