如何理智的面对开发过程中遇到的各类问题

---

前言

本章的重点没有过多的去说关于技术方面的内容，更想说一说当我们在开发过程中遇到各类问题或者紧急bug时，应该以什么状态去面对并解决它，一个好的解决问题的思路和方法可以让我们工作起来事半功倍，工作效率也能大幅度提升。

以前我也会因为某个难以实现的需求搞得我焦头烂额，甚至通宵整宿整宿的去弄，搞到最后心态爆炸。不知道有没有小伙伴跟我有相同的经历。

因此有一套属于自己的解决问题的方法很重要。

放平心态，不要焦虑

首先，我想说的是我们从事的工作不是什么搞研发，所做的产品也不是什么高科技产物。我们绝大数人都是站在巨人的肩膀上在前进，我们日常上所学习的或者工作中所使用的技术都已经是好几年前就出现的并且在当下已经很成熟的技术，我们所遇到的问题很多人也一定遇到过。

值得肯定的是，一定是有解决方案的，不会出现没有办法解决这一现象。可以教你一个小方法，如果你觉得当下你遇到的这个问题老师老是没办法解决，总在做一些无用功时，你可以根据当前自己正在使用技术。在市面上找一下有没有是通过这项技术开发的比较有代表性或比较热门的且与你的业务线相似的产品。比如说你从事的是电商领域的开发，那么京东的web前端部分使用react框架开发的，美团的前端部分主要是采用vue框架开发的，这些都是比较有代表新的产品，那么你不用担心没有解决方案，因为你遇到问题他们的工程师也可能遇到过。

所以，说那么多我只想告诉你，不要让自己过分焦虑，要学会让自己的思绪稳定下来，这样才能更好的去解决问题。

不要纠结why，要去关注how

就以我为例，以前我再遇到问题时一直有这样一个毛病：我一直在纠结为什么会与这样的问题，我代码写的没毛病的，我测试的时候都是正常的呀，为什么会这样呢？我当时要怎么怎么样就好…

这是很不好的一种行为，这就是所谓的钻牛角尖，一直在纠结已经发生的事情。首先这对问题本身毫无意义，因为问题就在那，它的的确确的是发生了，我们应该要做的是对问题进行复现，来确定这个问题的发生是偶然性还是必然性，其次就应该把重点放在如何解决上面，而不是在那钻牛角尖。

先动脑后动手

捋清思路 -> 制定方案 -> 落实方案 -> 测试

首先捋清先后循序，不应该存在边动手边动脑的现象，更不应该也不能出现先动手后动脑的现象。

从来没有一边写代码一边想着怎么实现，它们两者不应该也不能是并行关系，只有先后。很多人太操之过急，总想着在最短的时间内把问题解决了，怎么快怎么来。可是欲速则不达，我们的最终目的是去解决问题让其不再复现，而不是快速的完成某项需求。如果太操之过急，最后只会导致我们需要花费更多时间来弥补，因为在没想好解决思路就先去动手做，那么我们所做的一切都可能是在做无用功，都是在拜拜浪费时间。

可能小编我是一种更倾向于准备工作的人 ，在我的认知观里，我认为写代码对于一个程序员来说永远是一件花时间最少，优先级最低的一件事，更多的时间应该是放在一些准备工作上，比如说明确需求、制定方案、进行预言、评估风险，这些才是最重要的，而写代码仅仅只是一种方案落实的行为动作，因此我更看重实际动手之前的准备工作。

所以，不要去尝试，有些事是试不出来的，要把时间放在刀刃上！

捋清思路，理解问题

弄清楚问题是什么，再对问题进行剖析，分割成若干个小模块，根据就近原则先缩小范围，根据上下文查看对应的逻辑链和业务链有什么联系，进行逐个分析。

总结

当在前端开发过程中遇到问题时，可以尝试以下思路来解决问题：

1. 问题识别：首先，需要准确地识别和描述问题。确保了解问题的具体表现，以及问题出现的环境和条件。

2. 分析问题：分析问题出现的原因，可以通过查看控制台错误信息、网络请求、日志等途径，初步判断问题可能出现在哪个环节。

3. 定位问题：使用调试工具（如浏览器的开发者工具）逐步定位问题所在的具体位置，例如某个特定的 JavaScript 代码行、CSS 样式或 HTML 结构。

4. 制定解决方案：根据定位到的问题原因，制定相应的解决方案。这可能包括修改 JavaScript 代码、调整 CSS 样式、优化 HTML 结构等。

5. 测试解决方案：在本地或测试环境中测试解决方案，确保问题已经解决并且没有引入新的问题。

6. 代码审查：在团队中进行代码审查，以确保代码质量和性能。

7. 备份和提交：在解决问题后，备份更改并提交代码到版本控制系统，以便于后续追踪和维护。

8. 文档记录：将遇到的问题及解决方法记录下来，以便日后遇到类似问题时能够快速找到解决方案。

9. 学习总结：从问题中学习并总结经验，提高自己的前端开发能力，并及时复盘和回顾，避免相同或类似的问题再次出现。

通过以上步骤，可以有条不紊地解决前端开发过程中遇到的问题。