Mozilla定义的JavaScript 是:
“一种脚本或编程语言,允许您在网页上实现复杂的东西 – 每次网页不仅仅是坐在那里显示静态信息供您查看 – 显示及时的内容更新,交互式地图,动画2D / 3D图形,滚动视频点唱机等等 – 你可以打赌可能涉及JavaScript。“
基本上,JavaScript(通常缩写为JS)用于为页面上的交互式内容/媒体提供动力。JS可以帮助您对内容进行更多操作,以便您可以根据特定参数和特殊图形为用户提供动画,与其相关的内容。这被网站和全球公司广泛用于各种目的。一些流行的例子包括:
- Netflix分布式服务
- Facebook创建了React
- 沃尔玛市场
在本文中,我们将分析2019年的前五个JavaScript框架。
什么是框架?
一个框架是“一个抽象其中软件提供通用的功能可以通过附加的用户编写的代码可以选择性地改变,从而提供特定应用软件。”框架是建立在语言来加快进程并制定具体的工具上面,你可以看到这里设计CSS框架的一些例子。
Vue.js
Vue是用于构建用户界面的渐进式框架。Vue从一开始就设计为可逐步采用,使集成和连接现有项目变得更加容易。
Vue也非常快,具有20KB min + gzip Runtime以及为应用程序提供动力所需的最小优化。
Vue的工作方式是通过类似于Angular的模板样式。它是一种快速简便的语言,可用于应用程序,用户界面和交互式界面开发,并且还能够为单个网页项目提供支持。
人们喜欢Vue而不是其他一些框架的最大原因之一是因为在渲染过程中节省了大量时间。Vue跟踪组件的依赖关系,因此系统已经知道在某些更改时需要重新呈现哪些组件。
查看使用vue.js制作的酷网站,应用和项目的示例。
角
Angular是为未来而建的。该框架由一组工程师维护,他们热衷于使Web开发变得轻松自如。他们认为编写漂亮的应用程序应该是快乐和有趣的。在此处了解有关Angular的更多信息
Angular今天很有用,因为它使用尖端的Typescript来处理更大的应用程序。Typescript被定义为“可扩展的JavaScript”。由于Typescript的设计方式,数百万开发人员能够使用现有的JavaScript代码,合并流行的JavaScript库,并从JavaScript调用TypeScript代码。这使得拥有大量协作者的大型项目变得更加容易。将Angular构建在此之上是有效的,并允许开发人员更专注于速度和性能。
Angular遵循复杂应用程序的经典MVP(模型视图展示器)模式。这是人们用来将大型项目分解为特定的“关注点分离”和专注于发展的领域的概念。你可以阅读更多关于这个概念在这里。
检查出有角制成看到建立在这个框架项目凉爽的例子。
应对
React是一个用于构建用户界面的JavaScript库。React由Facebook创建,最初用于新闻源和Instagram应用程序。该框架于2013年5月在JSConf US 开源。
与Vue类似,React在渲染方面很有效,并且只在与状态交互时更改必要的组件。React还改变了人们与州交互的方式,并努力改进开发过程。它是基于组件的,意味着每个封装的部分可以管理自己的状态,这在大规模和复杂的UI中很重要。
什么是React?
这段视频很好地分解了React是什么以及如何使用它。
表达
Express是一个极简主义框架,运行在Node.js之上,Node.js是一个基于Chrome的V8 JavaScript引擎构建的JavaScript运行时,被许多大型应用程序使用。
Express是适用于Web和移动应用程序的快速且极简的Web应用程序框架。将其视为构建网站的框架。Express可以帮助您快速获取应用程序,同时还提供了许多方法来轻松创建API。
由于简单易用的集成,许多其他流行的框架都建立在Express之上。您可以在此处查看完整列表。
Express.js教程:使用Node和Express构建RESTful API
来自Mosh on Express编程的推荐视频:
终极版
Redux是一个主要用于React的数据管理系统。对于具有大量移动部件的大型项目,Redux有助于组织数据,即使在极其不同的环境中也能保持一切可预测的运行。
Redux将重点放在调试和易用性上。他们写:
“Redux DevTools可以轻松跟踪应用程序状态发生变化的时间,地点,原因和方式。Redux的架构允许您记录更改,使用“时间旅行调试”,甚至可以将完整的错误报告发送到服务器。“
关于Redux的一个重要注意事项是,除非绝对必要,否则不应使用它!根据Redux常见问题解答,“ 不应该认为使用Redux的必要性是理所当然的。“该项目的多个早期贡献者宣称,这是您在需要时会知道的事情,而且只有在出现其他问题时才需要。
Dan Abramov说:“我想修改一下:在你遇到香草反应问题之前不要使用Redux。”
因此,在充分利用这个功能强大且有些先进的框架之前,请记住这一点。它绝对有用,但只是在大规模和处理大量数据随时间变化时。
在此处阅读有关Redux的推荐用途的更多信息。
超越香草JS
所有这些框架的共同点是,它们可以帮助开发人员在更短的时间内完成更多任务。这是他们吸引力的重要组成部分。
每个框架都有自己的优势,劣势和理想的用例。您选择哪一个真正取决于您项目的具体需求。
但是,既然你已经了解了更多关于它们的信息,那么你就可以先选择正确的方法。