0

0

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

霞舞

霞舞

发布时间:2024-12-23 08:57:12

|

1138人浏览过

|

来源于dev.to

转载

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

误区 1:CSS 很简单!

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

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

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

Flexbox 与网格的混乱。

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

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

误区 2:框架解决一切

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

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

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

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

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

状态管理混乱?

海量 DOM 树的性能优化?

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

BlackBox AI
BlackBox AI

AI编程助手,智能对话问答助手

下载

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

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

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

为什么?

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

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

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

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

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

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

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

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

结论

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

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

相关专题

更多
css
css

css是层叠样式表,用来表现HTML或XML等文件样式的计算机语言,不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。php中文网还为大家带来html的相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

522

2023.06.15

css居中
css居中

css居中:1、通过“margin: 0 auto; text-align: center”实现水平居中;2、通过“display:flex”实现水平居中;3、通过“display:table-cell”和“margin-left”实现居中。本专题为大家提供css居中的相关的文章、下载、课程内容,供大家免费下载体验。

262

2023.07.27

css如何插入图片
css如何插入图片

cssCSS是层叠样式表(Cascading Style Sheets)的缩写。它是一种用于描述网页或应用程序外观和样式的标记语言。CSS可以控制网页的字体、颜色、布局、大小、背景、边框等方面,使得网页的外观更加美观和易于阅读。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

753

2023.07.28

css超出显示...
css超出显示...

在CSS中,当文本内容超出容器的宽度或高度时,可以使用省略号来表示被隐藏的文本内容。本专题为大家提供css超出显示...的相关文章,相关教程,供大家免费体验。

539

2023.08.01

css字体颜色
css字体颜色

CSS中,字体颜色可以通过属性color来设置,用于控制文本的前景色,字体颜色在网页设计中起到很重要的作用,具有以下表现作用:1、提升可读性;2、强调重点信息;3、营造氛围和美感;4、用于呈现品牌标识或与品牌形象相符的风格。

757

2023.08.10

什么是css
什么是css

CSS是层叠样式表(Cascading Style Sheets)的缩写,是一种用于描述网页(或其他基于 XML 的文档)样式与布局的标记语言,CSS的作用和意义如下:1、分离样式和内容;2、页面加载速度优化;3、实现响应式设计;4、确保整个网站的风格和样式保持统一。

604

2023.08.10

css三角形怎么写
css三角形怎么写

CSS可以通过多种方式实现三角形形状,本专题为大家提供css三角形怎么写的相关教程,大家可以免费体验。

560

2023.08.21

css设置文字颜色
css设置文字颜色

CSS(层叠样式表)可以用于设置文字颜色,这样做有以下好处和优势:1、增加网页的可视化效果;2、突出显示某些重要的信息或关键字;3、增强品牌识别度;4、提高网页的可访问性;5、引起不同的情感共鸣。

390

2023.08.22

Golang gRPC 服务开发与Protobuf实战
Golang gRPC 服务开发与Protobuf实战

本专题系统讲解 Golang 在 gRPC 服务开发中的完整实践,涵盖 Protobuf 定义与代码生成、gRPC 服务端与客户端实现、流式 RPC(Unary/Server/Client/Bidirectional)、错误处理、拦截器、中间件以及与 HTTP/REST 的对接方案。通过实际案例,帮助学习者掌握 使用 Go 构建高性能、强类型、可扩展的 RPC 服务体系,适用于微服务与内部系统通信场景。

8

2026.01.15

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Sass 教程
Sass 教程

共14课时 | 0.8万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 2.9万人学习

CSS教程
CSS教程

共754课时 | 19.2万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号