总结

这里总结我在工作中遇到的一些问题，通常是我写的 Bug，这些 Bug 为什么出现，以及以后该如何避免。

信息流 Tab 切换 Bug

这个 Bug 是因为我在最后改代码的时候，改函数名没有批量改导致的。
--> 心急，如果上线前再完全自测一轮，就可以避免。

移动端文章页底端推荐文章图片展示错误 Bug

这个 Bug 是因为我在开发完之后，习惯性的忽略了几个 console 的几个报错，以及错误的认为测试环境下图片加载错误是正常的，导致的疏忽，其实当时是因为使用 resizeImage 的时候，没有引入这个 mixin 导致的。
--> 粗心，没有仔细看报错，当时对代码逻辑不熟悉，熟悉代码并注意看每一个报错就可以避免。

信息流数据结构升级，在“青春印象节”组件中没有修改导致该页面的数据无法解析

这个 Bug 是因为我在升级前端 flow-list 的时候忽略导致的，因为在早先认为这个页面即将关闭，所以就没对这个页面的组件升级。
--> 疏忽大意，在新需求对新组建适配时，忘记了适配旧组建导致，思考的不够全面，如果“一丝不苟”就可以避免。

Vue 组件懒加载忽略了页面不够一屏导致组件无法加载的 Bug

这个首先是因为我做这个懒加载的时候，没有思考全面，另一个原因是我在测试的时候，没有找到“不够一屏”的文章页面导致的。
--> 如果在开发前，思考全面一点，就可以避免。

PC 文章页面 sideBar 无法弹出收藏 modal 的Bug

这是因为这个 sideBar 和底部需要懒加载的组件耦合导致的。
--> 这个 Bug 我感觉还好，是因为对旧代码不熟悉，并且旧代码组织不够完美导致的，如果对代码非常熟悉，就可以避免。

移动端 404 页面样式错乱 Bug

这是我在做一个活动页面时，由于特殊的活动页布局，导致我修改了 html，body 的 style 导致的，原本在开发时我想着的是这是一个独立页面，但后来开发流程有变更，导致疏忽检查导致的。
--> 需求或设计实现变更后，没有对之前的代码逻辑进行重新判断，如果写新代码的时候仔细思考对旧系统的影响，就可以避免。

引导用户关注页面夜间模式 style Bug

这是我在写好 style，做完一轮测试后，对 HTML 结构做了修改，导致夜间模式下 style 出 Bug
--> 最终上线前，没有做完整的测试覆盖，上线前对业务流程，UI 样式（夜间，繁体）做充分检查就可以避免。

引导用户关注页面，第二部点击“跳过”时业务逻辑错误

一方面是因为我错误的“先入为主”的思考，然后又“忘记或忽略”了产品的口述，导致后来出现的一个业务逻辑 Bug
--> 没有完善的沟通，牵扯到复杂逻辑的应该在上线前和产品过一遍所有流程，就可以避免。

总结一下出现 Bug 的主要原因：

1：开发到某个阶段做了全面测试，后来做了细微的修改，但这个修改造成的问题不明显，并且我也没在上线前再次做全面测试导致的，以后上线东西，需要在最后上线前做全面测试！！！！
这些测试包括但不限于：可执行保证（JS），样式保证（CSS），夜间模式和繁体模式的保证，业务流程要全满覆盖。

2：上线前一定不要心急！！！！不要心急！！！！不要心急！！！！！，一定要在最终上线前再做一遍 1。

3：在 do 之前要有 plan，要对问题有一个全面的分析，到底该怎么做，分析可能存在的场景，然后再开始做。

4：注意代码的 scope，避免影响到旧代码，或者被旧代码影响。具体到 CSS，尽量不要用标签选择器。