框架是帮助开发人员避免不断重新发明轮子和重写代码的优秀工具。当一个项目需要高效且有效地部署时,框架能极大地帮助开发团队实现这一目标。
但并不是每个项目都需要框架。这对于你的软件工程师所依赖的许多编程语言都是如此。对于JavaScript,这种情况也同样适用。
JavaScript
框架通常被认为是现代前端网页开发的必备工具。通过使用众多框架中的任何一个,你的开发人员可以构建可扩展的、动态的基于网页的应用程序,这些应用程序可以在公司内部使用,甚至可以供消费者、客户或客户使用。有许多框架可供选择,例如Vue.js
、Angular
、Svelte
、Express.js
、Bootstrap
和Django
。
因此,当你需要框架时,它们随时可以使用(大多数是开源的,因此是免费的)。但什么时候你可能不需要JavaScript框架呢?让我们看看五个理由。
1. 如果你正在做的项目很简单
事实上,JavaScript
框架最适合用于更复杂的、规模较大的应用程序项目。如果你正在做的项目简单而小,那么使用框架就显得多余。实际上,如果你正在处理一个较小的项目,使用框架只会使事情变得复杂,因此最好不要使用。
记住,使用框架的目的是通过实现所有你需要的原生JavaScript
功能来简化你的工作并节省时间。如果你正在处理的项目较小,那么你节省的时间将被你花在熟悉框架或将其加入项目中的时间所抵消。
如果项目的目标是保持简单,那就不要使用框架。
2. 当HTML和CSS就足够时
你用JavaScript
框架做的大多数工作是构建网页应用程序。虽然JavaScript
可以使这些应用程序更加互动、动态和有趣,但有时JavaScript
显得多余,会降低网站的性能。
退一步想一想:HTML
和CSS
是否足以构建网站或网页应用程序?如果是,那就坚持基础知识。当然,你可能需要添加一些JavaScript,但在这个过程中添加框架可能会使由更基础语言创造的清晰环境变得混乱。记住:HTML
用于结构,CSS
用于外观,JavaScript
用于行为。HTML
和CSS
通常是关键成分,而JavaScript
是锦上添花。JavaScript
框架是帮助你将所有这些成分混合在一起烤出一块竞争级蛋糕的工具,但它增加了你可能不需要的复杂性……特别是当你只想要一个基础蛋糕时。
3. 如果你在使用JavaScript ES6
随着JavaScript ES6
的发布,框架的必要性不再像以前那样重要。随着模块和类的引入,大多数流行框架可能已经显得过时了。
记住,框架用于抽象开发中一些更复杂的方面。随着ES6
的发布,许多新特性(如默认参数、模板字面量、多行字符串、解构赋值、增强的对象字面量和箭头函数——以及模块和类)减少了在许多用例中对框架的需求。
在ES6
之前,处理类这样的东西是一个主要挑战,尽管之前的版本专门设计支持类。
这些JavaScript
的新特性大大减少了框架的必要性,因为它们为语言带来了以前不可用的某些功能。大多数功能将预包装在语言本身中,不再需要使用那些第三方工具。
4. 如果你追求创造自由
说实话,当你使用JavaScript
框架时,通常只能使用一个,并且受限于该框架的约束。如果你不使用框架,你可以完全按照自己的意愿来进行网页开发。而且,结合HTML
、CSS
和JavaScript
,你几乎可以做任何你想做的事情,除非你在大规模构建且不在乎创造自由,否则你已经拥有了所需的一切,创意的天空是无限的。
5. HTMX
HTMX
是intercooler.js
的继任者(它使用熟悉的、声明式的HTML
属性将AJAX
添加到应用程序中)。这个新库允许你直接从HTML
访问许多现代浏览器功能(如AJAX
、CSS
过渡、WebSockets
和服务器发送事件),取代使用JavaScript
。这意味着开发人员将能够构建现代界面而无需使用JavaScript——也因此无需使用
JavaScript`框架。
从HTMX
官方网站上,我们看到这个例子:
1
2
3
4
5
6<button hx-post="/clicked"
hx-trigger="click"
hx-target="#parent-div"
hx-swap="outerHTML">
Click Me!
</button>
在这个例子中,当用户点击按钮时,会发出一个HTTP POST
请求到/clicked
,然后响应用于替换DOM
中的parent-div
元素。
结论
使用框架的两个主要原因是速度和外部数据源的集成。如果这些在你的项目中都不是问题,那么框架只会妨碍你的创意。
JavaScript
框架当然有其用途,不应自动被忽视。但如果你有时间和兴趣,直接使用HTML
、CSS
和JavaScript
代码构建可以非常有意义。