Hello! 欢迎来到小浪资源网!



需要在 4 年内消亡的 rontend 开发神话


在过去的十年中,前端开发取得了长足的进步。然而,关于我们作为前端开发人员所做的事情的一些长期的神话却始终没有消失。这些神话不仅让新手感到困惑,而且还歪曲了构建面向用户的软件的工作和挑战。让我分享一些我个人遇到的神话,以及为什么是时候一劳永逸地打破它们了!

误区 1:css 很简单!

让我们从大家最喜欢的替罪羊——CSS开始。当然,乍一看很简单:选择器、属性、值。这有多难?好吧,尝试在不使用谷歌搜索的情况下将 div 居中。或者更好的是,解释一下为什么 z 索引 9999 不起作用。 (我会等。)

CSS 是一个看似强大的工具,需要理解以下细微差别:

特异性战争(你好!重要的滥用!)。

Flexbox 与网格的混乱。

浏览器不一致,让您质疑自己的生活选择。

我花了几个小时调试在 chrome 上完美运行但在 Safari 上崩溃的布局。因此,下次有人说“CSS 很简单”时,请提醒他们,表面上的简单背后隐藏着很多复杂性。

误区 2:框架解决一切

React、Angular、vue——​​毫无疑问,它们非常棒。但说实话:框架并不能神奇地解决所有问题。

框架为我们提供了管理 ui 复杂性的工具,但对于小型静态网站来说它们可能有点过头了。想象一下,将 React 用于包含三个段落和一张图像的单页网站。是的,这种情况发生的频率比你想象的要高。

我见过一些项目因过度设计而陷入困境,在这些项目中,一个简单的 html 文件本来可以更快、更易于维护。框架很强大,但它们有自己的学习曲线、性能考虑和技术债务。明智地使用它们。

误区 3:后端是最难的部分

啊,古老的前端与后端争论。后端工程师喜欢占据制高点,称他们的工作更“复杂”。但他们是否曾经处理过:

状态管理混乱?

海量 dom 树的性能优化

让屏幕阅读器可以访问网站,同时保持其视觉吸引力?

我经历过无数次这样的时刻,一个记录不完善的 API 或突然的设计变更将一个简单的前端任务变成了长达一周的头痛。现代前端开发涉及解决极其具有挑战性的问题,从集成 API 到确保您的应用程序在设备和浏览器上顺利运行。让我们给予前端开发人员应有的荣誉。

误区 4:如果您赶时间,可以跳过辅助功能

可访问性 (a11y) 通常被视为“可有可无”,尤其是在截止日期临近时。事情是这样的:辅助功能不是可选的。

为什么

这是许多国家/地区的法律要求。

它确保包容性,让每个人都可以使用您的应用。

它提高了整体可用性 – 键盘导航,有人吗?

在我从事的一个项目未能通过可访问性审核并导致严重延误后,我才深刻地认识到了这一点。从那时起,我就将可访问性作为我工作流程中不可协商的一部分。使用 Lighthouse 和 axe 等工具来审核您的网站,并使可访问性成为您流程的一部分,而不是事后的想法。

误区五:前端开发很快就会完全自动化

随着 gitHub copilot人工智能工具的兴起,人们很容易想到“前端开发人员注定要失败!”但让我们对这种悲观的预测踩刹车吧。

人工智能当然可以帮助完成重复性任务,例如生成样板代码,甚至提出解决方案。但要构建直观、用户友好的界面吗?这需要创造力、同理心和解决问题的能力——人工智能目前还无法复制这些东西。

我一直在使用人工智能工具,虽然它们非常适合加快繁重的工作,但它们仍然需要人性化的接触才能产生真正非凡的东西。所以不,我们不会很快被取代。人工智能只是我们不断增长的工具箱中的另一个工具。

结论

前端开发神话可能很有趣,但它们也会延续对我们所做工作的误解。让我们挑战这些神话,庆祝构建用户体验的令人难以置信的创造力和复杂性。

您遇到过任何前端神话吗?在评论中分享它们——让我们继续对话!

相关阅读