📜  Ember.js 介绍

📅  最后修改于: 2022-05-13 01:56:49.708000             🧑  作者: Mango

Ember.js 简介

Ember.js 是一个开源 JavaScript框架,用于开发基于模型-视图-控制器( MVC)架构的大型客户端 Web 应用程序。 Ember 旨在减少开发时间和提高生产力,它是全球采用的增长最快的前端应用程序框架之一。它目前在许多网站上使用,例如 Square、Discourse、Groupon、Linked In、Live Nation、Twitch 和 Chipotle。

虽然被视为网站框架,但 Ember 也可用于开发桌面和移动应用程序。如果您想构建单页 Web 应用程序,Ember.js 是您的正确选择。 Ember 桌面应用程序最著名的例子是 Apple Music。

什么是客户端框架?

客户端框架通常是一个 JavaScript 库,可以增强和操作网页和客户端浏览器,例如ReactAngularVueEmber 骨干

什么是 MVC?

MVC 是一种软件设计模式,由三个相互关联的部分组成。它们包括用于开发用户界面的模型(数据)、视图(用户界面)和控制器(处理输入的进程)。

为什么选择 Ember.js?

  • 它允许通过提供包含数据管理和应用程序流的完整解决方案来构建客户端 JavaScript 应用程序。
  • 约定优于配置。
  • 一个灵活的框架,可让您加快应用程序的性能,而无需不断地重新加载整个页面。
  • 完全支持数据绑定,这意味着如果一个值发生变化,另一个值会自动更新。
  • 自动确定路由和控件,并允许共享 URL。

如何安装 Ember.js?

Ember CLI(命令行界面)是用 JavaScript 构建的,需要 Node.js 运行时。因此,如果您的计算机安装了 Node.js,您就可以开始使用了。如果您想安装,请单击此处并检查版本以进行确认:

node -v
npm -v

您可以使用 Node.js 包管理器 npm 使用单个命令安装 Ember。在终端中输入:

npm install -g ember-cli

如何创建项目?

第 1 步:要使用 Ember CLI 创建新项目,请在命令提示符下使用“new”命令。让我们考虑一下我们项目的名称“ember_project” 。创建新项目后,更改您的目录。

ember new ember_project
cd ember_project

第 2 步:现在我们需要使用任何代码编辑器在app/templates/application.hbs文件中进行更改(删除 {{welcome-page}} 组件):

HTML
      

Welcome to GeekforGeeks!

        

Ember.js is fun!

  


第 3 步:然后我们可以通过在命令提示符中输入以下代码来启动 ember开发服务器

ember serve

第四步:上述查询成功执行后,您可以在 http://localhost:4200/ 上查看您的进度。

输出:

参考:guides.emberjs.com

优点:

  • 极致的一致性和简单的配置
  • 内置路由器
  • 自己的调试工具(Ember Inspector)
  • 全栈开发选项
  • 双向数据绑定

缺点:

  • 学习曲线陡峭。 Ember 对于初学者来说并不容易。
  • 在 Ember Js 框架上工作时无法重用组件
  • 最严格和最重的框架之一。
  • 不适合小型项目。
  • 有大量与 Ember 相关的内容和示例已经过时。