为了账号安全,请及时绑定邮箱和手机立即绑定

回归基础:为什么原生JavaScript在2020年代重新主导了 web 开发

在痴迷于下一个大事件的行业中,Web 开发却意外地回归了它的根源。在过去十年中,React、Vue 和 Angular 这些库一直占据主导地位,简化了 JavaScript,让开发者的日子更加轻松。但在 2020 年代,却悄然发生了一些令人惊讶的变化——开发者们抛弃了这些多余的库,回归核心:纯正的 JavaScript。那么,这种转变背后的原因是什么?是什么引发了开发者对简单性的新热情?我们来探讨一下为什么“回到基础”正成为当今 Web 开发者的明智选择。

为什么原生JavaScript重新流行起来
更简单的应用的表现

虽然框架有很多好处,比如管理复杂的应用程序和提供开箱即用的强大工具,但对于较小的项目,它们也可能增加不必要的负担。每个框架自带一整套依赖项,有时甚至更大的体积。对于更简单的应用来说,这种多余的冗余可能会拖慢页面加载速度并影响性能。

开发人员越来越意识到他们的选择对性能的影响。对于不需要复杂交互性或基于组件的架构的轻量级网站,纯 JavaScript 很有优势。它允许开发人员编写高效、精简的代码,而无需依赖整个框架。通过去除中间层,应用程序可以更快加载,提供更好的用户体验——在这个速度和性能至关重要的时代,这一点也非常重要。

回到本源

另一个推动这一趋势的因素是意识到在接触框架之前掌握JavaScript基础知识是必不可少的。虽然框架简化了许多复杂性,但也掩盖了开发者需要掌握来解决复杂问题的核心语言特性。新手开发者经常在没有完全理解JavaScript的情况下就被投入到了React或Vue中,这使他们对语言的理解仅停留在表面。

有一种越来越强烈的推动,强调首先学习纯 JavaScript。掌握这些核心概念,比如闭包、事件循环、异步编程和 DOM 操作,可以为开发者打下更扎实的基础。精通 JavaScript 本身,可以让开发者在实际需要框架时更游刃有余,并且在出现问题时能够更有效地解决问题。

极简主义开发者的心态

科技行业一直以创新和打造新工具为驱动力。然而,近年来出现了向极简主义的转变。开发者们越来越问,

“解决这个问题最简单、最有效的方法是什么?”

他们没有立即寻找一个框架来处理任务,而是退一步想想原生JavaScript是否能搞定。

这种简约的方式与现代软件开发的趋势相吻合,更加重视简洁和效率,而不是不必要的复杂性。它反映了对核心的网页开发技能的更广泛的欣赏,而不是过度依赖工具。精通原生JavaScript的开发人员通常会写出更干净、更易于维护的代码。

掌握纯 JavaScript 对开发者来说能带来什么好处?
更好的问题解决技巧

精通纯JavaScript意味着开发人员能更好地理解语言底层的工作原理。没有框架的抽象,开发人员不得不直接面对问题。这有助于他们提高思考能力,使他们更加灵活,学会编写自己的解决方案而不是依赖现成的组件。

跨框架的灵活性

掌握原生JavaScript能让开发者更轻松地在不同框架间切换。 核心概念都是一样的——无论你是用React、Angular还是尝试新的技术如Svelte。一旦掌握了核心语言,切换不同的库或工具就不再那么令人望而却步了。

更精细的代码控制

当开发人员使用纯 JavaScript 时,他们可以更灵活地控制其代码的功能。框架通常带有固定的结构和规范,开发者必须遵循。相比之下,纯 JavaScript 则提供了更大的灵活性,可以完全按照你自己的想法来设计应用程序,以适应你的具体需求。

长期职业生涯的好处

随着框架的不断变化,今天流行的技术明天可能就过时了。另一方面,JavaScript 本身才是这一切的基础。通过建立坚实的纯正 JavaScript 基础,开发者可以确保自己的技能不会落伍。无论下一个大热框架是什么,JavaScript 本身始终都会保持其相关性。

Vanilla JavaScript 的实际应用示例
简单的静态网页

不需要动态内容渲染的网站可以大大受益于使用纯JavaScript。开发者可以用几行JavaScript代码实现基础互动功能,而不需要引入整个框架,从而简化页面并加快加载速度。

小插件或小部件

纯 JavaScript非常适合构建小型组件,如轮播图、模态框或自定义表单验证功能。这些功能不需要框架带来的额外负担,纯 JavaScript可以有效处理它们,从而使最终的解决方案更加轻量和高效。

微前端

微前端架构正变得越来越流行,这种架构下,应用的不同部分可以独立构建和部署。在这种情况下,使用纯JavaScript来构建某些组件可以减少依赖,使不同部分的集成更加容易。

如何拥抱纯 JavaScript

如果你是一名希望加入纯JavaScript复兴潮流的开发者,这里有几个步骤可以指导你入门:

重新审视基础知识

花点时间回顾一下 JavaScript 的核心概念,例如闭包、作用域、异步编程和原型继承。像《Eloquent JavaScript》(https://eloquentjavascript.net/) 和 MDN Web 文档 (https://developer.mozilla.org/en-US/) 这样的书籍和在线资源是非常不错的起点。

不依赖框架搭建

试着用纯JavaScript构建几个小项目,不使用任何框架或库。你会更好地理解如何用纯JavaScript来操作DOM节点、处理事件以及管理应用状态。

提高性能

尝试进行性能优化,例如懒惰加载、代码压缩或减少依赖项数量。看看你能在不牺牲性能或可维护性的前提下,将原生 JavaScript 推向多远。

何时使用(或不使用)框架

框架并不是坏事,它们只是有用的工具。学会何时使用框架,何时纯JavaScript就够用,是一项非常有用的技能。关键是根据需要选择最合适的方法,是了解框架和纯JavaScript两者的精髓。

收尾

进入2020年代,原生JavaScript的复兴标志着向简洁性、高性能和对基础原理的深入理解的转变。虽然框架在生态系统中始终占有一席之地,但对核心JavaScript技能的日益重视则反映出一种更为审慎和简约的开发理念。通过掌握原生JavaScript,开发者能够获得新的问题解决能力、灵活性和控制力,这些技能无论技术环境如何变化都将持续保持其价值。

所以,如果你还没有开始,现在可能是重新熟悉原生JavaScript,重新发现让这一切成为可能的语言的力量和简洁的时候了。

简单英语 🚀

感谢你的参与!加入In Plain English 社区!在你离开之前,

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消