成为更好的前端开发人员的入门指南

当你在网上寻找如何成为更优秀的前端开发者的资源时，你很可能会看到诸如学习 HTML、CSS 和 JavaScript，然后选择一个 JavaScript 框架之类的内容……这实际上是非常可靠的建议，应该足以让你入门。
但实际上，它远不止于此，在本文中，我将分享一些关于如何成为更优秀的前端开发者的技巧。

1. DevTools 是你的朋友

无论您使用哪种浏览器，它可能是 Chrome、Firefox、Edge、Opera，或者任何其他浏览器。通常都会有某种开发者工具或检查器，您可以用它来轻松调试网站、测试响应速度、限制网络连接等等。熟悉您正在使用的开发者工具的功能，因为它将成为您作为前端开发者整个旅程中非常不错的伙伴。

2. 不要太沉迷于工作

无论你花了多长时间实现某个功能，或者你认为自己的工作成果看起来多么出色，你都可能随时被要求修改。
想象一下，你熬夜开发某个功能，第二天早上提交了拉取请求，却被告知“这不行，我们修改一下实现方案吧”。如果你过于沉迷于你的工作，你可能会开始感到悲伤、愤怒或沮丧，但事实上，大多数时候这些改变都是必要的，只是因为我们对工作的过度依赖，我们可能忽略了它。所以，尽量不要对你的工作过于执着。

3. 乐于接受评论

Web 应用程序的客户端部分通常是用户访问您的网页时首先看到并与之交互的部分，同时您也安排了 Alpha 和 Beta 测试人员对其进行多项测试。无论您的职位如何，或者您认为自己了解多少，都无法 100% 地涵盖所有内容，因此请尽量接受评论，即使评论来自后端开发人员、初级开发人员，或者任何您认为在前端开发方面不如您了解的人。

4.测试，测试，测试

这一点再怎么强调也不为过。在推广某个功能之前，务必进行测试。在所有可能的视口下测试，在不同的浏览器上测试。它可能在 Chrome 上看起来没问题，但在 Edge 浏览器上会略微失真，或者在 Safari 上可以正常显示，但在 Opera 上却不行。所以，要跨浏览器、跨视口（从超小屏幕到超宽屏幕）进行测试，尝试限制网络速度来查看页面加载速度，同时，一定要在实际的移动设备上测试你的网站。一个网站可能在你的浏览器上某个屏幕宽度下看起来不错，但在实际设备上查看时就会崩溃。所以，尽量不要厌倦测试😉😉。

5. 尝试理解基本的设计概念

有些人可能会认为这并非必要，但作为一名前端开发者，理解基本的设计概念可以让你正确地复制UI设计。尝试理解间距、颜色、字体排版等元素的工作原理，你就能更好地欣赏和复制UI设计。我个人尤其在字体大小和字体粗细方面存在一些问题，但我每天都在进步，希望你也能如此。

我相信还有很多其他技巧，你可以在评论区留言。希望你从这篇文章中学到很多。请与其他开发者和技术爱好者分享，让我们互相帮助，共同成为世界级的开发者😊😊