提升前端开发人员水平的 12 个技巧

寻找类似的解决方案
移动优先
幸福路径、替代路径和异常路径
加载状态和动画
不同的浏览器/设备
日志和跟踪
SEO和可访问性
UX 验证或 QA 验证
棉绒
单元测试
审计
文档
结论

我听过太多这样的评价：“搞定了”、“很简单”、“我很快就能搞定”、“用不了多久”。大多数用户故事都比我们想象的要庞大，我认为，如果你想成为一名优秀的开发人员，确保代码可维护、易读、可测试、可用、可追溯等等，都至关重要。

所以，我想列一个清单，但我不会深入探讨每一个要点，因为每一个要点都可以写成一本书。总之，我认为有一个总体的愿景很重要。以下是我作为一名前端开发人员在开发用户故事过程中所做的最重要的事情：

寻找类似的解决方案

首先，思考解决方案，尽量不要一开始就写代码。向你的队友、谷歌或 Stackoverflow 寻求问题的解决方案，分享和讨论该解决方案，直到最终确定。不要重复造轮子！

移动优先

我极力主张采用移动优先的开发方式，但这取决于你的项目或你正在构建的网站类型。Chrome DevTools 正是你的得力助手。

幸福路径、替代路径和异常路径

我总是专注于最佳路径，因为 90% 的用户都会看到这种路径，而且对其进行充分测试至关重要。但你也应该考虑到用户可能采取的不同方法。此外，你应该做好每个请求失败的准备，并针对可能出现的问题为用户提供最准确的答案。我认为这主要取决于开发人员的思维方式，而开发人员的思维方式确实应该像机器一样思考（仅就本例而言^^）。

加载状态和动画

加载状态是提升可用性和用户体验的关键。当某些内容正在加载或应用程序正在执行任何操作时，应该通过加载状态通知用户。当你开发完用户故事的全部功能后，不妨尝试一下，看看是否需要在某个地方添加加载状态。别忘了动画，它可以极大地提升用户体验。

不同的浏览器/设备

务必在不同的浏览器中测试你的网站或应用，并支持三到四种最常用的浏览器。我们都知道，使用不同的浏览器或设备以及多个版本会带来很多麻烦。这时，你可以使用一些工具，例如 Browserstack 或 Browserling，它们会很有帮助。我搜索了最常用的浏览器，答案如下：

另外，检查您的分析以了解在您的案例中最常用的是什么。

日志和跟踪

使用 Analytics 或其他数据工具、像素等追踪用户非常重要……但您应该使用 Sentry、Datadog 或类似工具来实时了解应用程序中的具体情况。每个可能发生的错误都应记录下来，并持续跟踪，直到问题得到解决。不要忘记考虑是否需要为某些内容实现新的事件或日志。例如，如果用户筛选了一个重要的列表，但没有可用的结果，您可能需要记录日志。

SEO和可访问性

网站最重要的部分之一在于其可访问性，以及爬虫如何理解你的标记和内容。无论你正在创建还是修改网站/应用，都要始终牢记 SEO 和可访问性的概念。

UX 验证或 QA 验证

当我认为用户故事准备就绪时，我喜欢做的一件事是与我的设计师一起检查所有内容，以防万一，或者请一位 QA 测试员给我们反馈。始终保持接受和自我批评的态度。对我来说，第一次就把所有事情都做得完美是不可能的，你需要纠正一些问题，这完全正常！

完美是不可能的；你只能尽力而为。

接下来的几点是持续集成周期的一部分。我想在这里列出一些我目前工作中做的事情，我认为它们很重要：

棉绒

务必使用 linter。所有代码看起来一致，并且整个团队遵循相同的规则非常重要。

单元测试

测试，测试，测试。如果你想成为一名高级开发人员，或者至少努力成为高级开发人员，请尽可能地测试一切。我们都知道文档和测试是最后考虑的事情，但对我来说，这是必须的。检查覆盖率，尽量达到至少 80%。你可以进行两种类型的测试：单元测试和端到端测试，两者都很重要。你可以使用 Sonar、Codacy 等工具。