写点什么

前端策略:使用框架还是纯 JavaScript?

  • 2024-09-04
    北京
  • 本文字数:1975 字

    阅读完需:约 6 分钟

大小:990.50K时长:05:38
前端策略:使用框架还是纯JavaScript?

有大量的前端框架都是用 JavaScript 编程语言实现的。然而,有时很难确定应该将哪种框架应用于新项目。或者 Web 平台的状态就是这样的,我们根本不需要使用任何框架。


框架为网页设计师提供了必要的基本功能。同样,在某些情况下,设计师也可以只使用 JavaScript 即可解决问题。


前端框架是一个代码包,用于解决常见的问题,比如数据绑定和检索、路由、代码组织以及当代应用程序所使用的其他功能。一般来说,前端框架是快速实现和 Web 开发的重要工具。


前端框架有助于构建和控制代码,它可以处理一个合理的应用程序在客户端所需的一切。


何时使用前端框架


要确定我们是否需要使用某个框架,请问问自己:“在没有这个框架,我们是否可以构建它?”如果任务相当简单,并不需要使用数据获取、绑定或复杂的路由,那么可能就不需要框架了。


在这个程序中,一些开发人员打开一个空白 HTML 文件,并通过绘制板对整个项目进行编码。这样的项目适用于个人网站或作品集,此时,不使用框架可能会是一个好主意,因为在这种情况下,没有特定的需求,并且结果也会相当快。


然而,在某些情况下,使用框架将会带来巨大的收益。


前端 JavaScript 框架的优势

下面将介绍使用 JavaScript 框架进行前端开发以提高网页设计技能的优势。

简化的语法和结构

JavaScript 框架将开发模式定义为使用已编写好的代码使语法更简单。这种结构为开发人员提供了一种采用框架并构建应用程序的简单方法,而无需编写构成主框架之外的很多额外代码。Angular、React 和 Vue.js 等库提供了许多规则和建议,可以使工作更加高效,并能最大限度地减少团队新成员研究代码所需的时间。

模块化的代码组织

框架通过将应用程序划分为小而可互换的部分,使编写模块化的代码变得更加容易。这种模块化有助于开发人员编写良好的结构化代码,并有助于团队成员之间顺利地进行协作。由于每个组件都可以单独构建、测试和维护,因此可以为维护提供更干净的代码库。

可重用的组件

JavaScript 前端框架还可以帮助我们开发模块——这是另一个优势。这些组件可以在一个应用程序中重复使用,甚至可以用于另外的其他项目。这种可重用性减少了项目开发所需的时间,标准化了编写的代码主体,并消除了冗余。

丰富的生态系统和库

JavaScript 框架已经开发展成了复杂的生态环境,其中充斥着能与框架一起使用的库、工具和插件。上述资源能为开发人员提供非常重要的帮助,因为他们可以使用现成的特性和功能来增强他们的应用程序。例如,在 React 中,没有标准的方法来管理状态、路由应用程序或处理表单。然而,有很多三方库可以解决这些问题,并能很容易地将这些解决方案合并到应用程序中。

虚拟 DOM 与高效的渲染

Preact、Next.js 和 Vue.js 等库使用虚拟文档对象模型(DOM)来提高渲染速度。虚拟 DOM 是实际 DOM 之上的一层,很少直接操纵应用程序的 DOM。这种方法减少了昂贵的 DOM 操作次数,使更新在处理增强和动态应用程序时更快、更高效。

代码拆分和延迟加载

JavaScript 框架支持更复杂的策略,比如代码拆分和延迟加载,从而提高了应用程序的效率。代码拆分有助于将应用程序代码分解为可以按需加载的片段,这反过来又有助于最大限度地减少加载时间。延迟加载还可以通过仅在需要时加载所需的组件和资源来提高工作效率,从而增强了应用程序的可用性。

标准化开发实践

应用 JavaScript 框架通过实现一组特定的标准可以帮助整个团队做好准备工作。这些框架附带了一些规则和标准,并推荐了对特定项目进行编码和结构化的方式或方法。到开发后期需要查看代码时,能使代码对开发人员来说更易于阅读和维护。

对不同规模项目的适应性

JavaScript 框架是为了实现多功能性而开发的,既可以用于大型企业,也可以用于复杂程度相当的小型企业。这些框架适用于任何应用程序——只有一个页面的简单应用程序或具有多级复杂性的大型企业的应用程序。对于开发人员来说,可以简单地开始并逐步扩展应用程序,而无需经历巨大的架构转换。

与现代开发工具的集成

当前的 JavaScript 框架非常灵活,可以很容易地集成到不同的开发工具和开发生命周期中。它们可以支持构建工具和包管理器,比如 npm 和 Yarn。它们还可以通过消除繁琐的活动、协调依赖关系以及编排构建过程来丰富开发过程,从而提高工作效率。

结论

JavaScript 是 Web 开发的未来。一切都取决于所选的框架以及云托管的专门功能和选项。JavaScript 可用于客户端脚本和服务器端或游戏服务器脚本的编写或套接字编程。然而,由于浏览器只支持一种语言,因此 JavaScript 已经赢得了它的普及,广受欢迎。


作者介绍:Jordan Smith 是俄克拉荷马州塔尔萨的一位资深网页设计师,在设计和开发网站方面拥有超过 10 年的经验。他建立了数百个专门针对每个客户的品牌和目标量身定制的网站。


原文链接:

https://thenewstack.io/frontend-strategies-frameworks-or-pure-javascript

声明:本文由 InfoQ 翻译,未经许可禁止转载。

2024-09-04 17:528497

评论

发布
暂无评论
发现更多内容

漫画 | 啊哈,给我一碗孟婆汤

码农神说

程序员 测试 互联网人 设计师

重学 Java 设计模式:实战享元模式「基于Redis秒杀,提供活动与库存信息查询场景」

小傅哥

设计模式 小傅哥 重构 代码坏味道 代码优化

数字产品开发那些事

涛哥 数字产品和业务架构

产品开发 数字化

ARTS-Week Four

shepherd

Java algorithm

Spring-资源加载

CoderLi

Java spring 程序员 后端 Java 25 周年

Flink on Zeppelin (1)入门篇

Geek_8o1tcx

大数据 flink 流计算 Zeppelin

Websocket直播间聊天室教程 - GoEasy快速实现聊天室

GoEasy消息推送

直播 websocket 即时通讯 聊天室 弹幕

谈谈程序链接及分段那些事

泰伦卢

c++

小师妹学JVM之:JVM的架构和执行过程

程序那些事

Java JVM 小师妹 性能调优 签约计划第二季

Spring 获取单例流程(三)

CoderLi

Java spring 程序员 源码分析 后端

别教我女儿该怎么穿,教你儿子别去强奸

小天同学

教育 日常思考 个人感悟 自我保护

架构师训练营-课后作业-Week-2

Chasedreamer

Spring 容器的初始化

CoderLi

Java spring 程序员 源码分析 后端

以太坊颠覆了以太坊:引入密码学实现2.0性能突破

安比实验室SECBIT

以太坊 分布式系统 节点 密码学

架构师训练营第二周 - 作业

Eric

极客大学架构师训练营

作为CEO你比员工厉害吗?

Neco.W

创业 创业者 CEO

编译Spring5.2.0源码

CoderLi

Java spring 程序员 后端 Java 25 周年

架构师训练营第二周总结

一剑

【大厂面试05期】说一说你对MySQL中锁的理解?

NotFound9

Java MySQL 后端

Spring 获取单例流程(一)

CoderLi

Java spring 程序员 源码分析 后端

程序一定要从main函数开始运行吗?

泰伦卢

c++

架构师训练营第二周作业

一剑

Spring 获取单例流程(二)

CoderLi

Java spring 程序员 源码分析 后端

Spring-AliasRegistry

CoderLi

Java spring 程序员 源码分析 后端

为什么你的简历石沉大海,offer 了无音讯?

非著名程序员

程序员 程序人生 提升认知 简历优化 简历

软件开发:软件设计的基本原则

Skye

极客大学架构师训练营

架构师训练营第 2 周——学习总结

在野

极客大学架构师训练营

LinkedList竟然比ArrayList慢了1000多倍?(动图+性能评测)

王磊

Java 数据结构 性能优化 性能 链表

618 将至,融云通信云技术如何助力电商销售

Geek_116789

CDN百科第四讲 | 如何优雅地在云上“摆摊”——做直播带货,你不得不关注的技术

阿里云Edge Plus

CDN 边缘计算 直播 直播带货

面试官:线程池如何按照core、max、queue的执行循序去执行?(内附详细解析)

一枝花算不算浪漫

面试 jdk源码 线程池

前端策略:使用框架还是纯JavaScript?_架构/框架_Jordan Smith_InfoQ精选文章