📜  Svelte,React,Angular和Vue的对比研究

📅  最后修改于: 2021-05-13 20:02:04             🧑  作者: Mango

JavaScript: Netscape Inc.的“ Brendan Eich”于1990年创建了JavaScript,并将其最初命名为“ LiveScript”。后来,它被重命名为JavaScript。 JavaScript是Web的脚本语言,它使用对象来执行操作并通过向其添加动作来使Web保持活动状态。学习JavaScript的前提条件是HTML和CSS,可以更准确地说是HTML5和CSS3。

JavaScript已被重命名为服务时间,例如在早期版本中被称为“ Mocha” ,然后又被重命名为“ LiveScript”以及被重命名为“ JavaScript”的时间,现在一些组织将其称为“ ECMAScript”

为了编写JavaScript代码,这些工具没有这么高端的要求,我们只需要一个文本编辑器即可,一些流行的文本编辑器是Notepad,Notepad ++,Adobe Dreamweaver。

斯维尔特(Svelte):斯维尔特(Svelte)的特征。

  • 它是一个编译器,而不是框架。
  • 它不会像其他框架一样添加代码块。
  • 非常小的代码和快速捆绑。
  • 仅提供核心指令集。
  • 没有提供其他改进。
  • 受欢迎,但社区很小,对市场来说还很新。
  • 单人表演,因为它不是由团队开发的。
  • 值得探索,但要添加但尚不完善的,很难找到的实际项目。

示例:这是Svelte的示例代码。

main.js

  

Hello {name}!


app..js
ReactDOM.render(
  

Hello, Geeks!

,   document.getElementById('root') );


index.ts


  
    
  
  
    

      {{message}}     

            


index.html
  {{ message }}


app.js
var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Geeks!'
  }
})


输出:

Hello Geeks

ReactJS:reactJS的特征。

  • 它是一个JavaScript库。
  • 提供了小型快速包装袋。
  • 仅提供核心指令集。
  • 提供了一些其他改进。
  • 受欢迎且相对成熟的图书馆。
  • 专为Facebook开发。
  • 它已经建立并且正在被使用,并且易于学习和实现。

示例:这是ReactJS的示例代码。

app..js

ReactDOM.render(
  

Hello, Geeks!

,   document.getElementById('root') );

输出:

Hello, Geeks!

AngularJS: angularJS的特征。

  • 它是JavaScript的框架。
  • 提供了中型的快速捆包。
  • 提供了大量功能。
  • 提供了许多其他改进。
  • 受欢迎并且相对更成熟。
  • 由Google开发。
  • 建立良好且易于使用角度框架实施的项目

示例:这是AngularJS的示例代码。

索引



  
    
  
  
    

      {{message}}     

            

输出:

Hello Geeks

VueJS:VueJS的特征。

  • 它是JavaScript的框架。
  • 提供了小型,快速的捆绑包。
  • 提供中等大小的功能集。
  • 提供了一些其他改进。
  • 非常受欢迎并且相对成熟。
  • 开源团队的努力。
  • 建立框架并需要更多时间来占领市场。

示例:这是VueJS的示例代码。

index.html

  {{ message }}

app.js

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Geeks!'
  }
})

输出:

Hello Geeks!