《Ember.js实战》——第1章 发力雄心勃勃的Web应用 1.1 Ember.js适用场景

简介: 单页面应用(SPA)越来越流行,因为RIA——尤其是SPA——更像是原生安装应用,其具有更加响应式的用户界面、少量或局部的页面刷新。在这个领域,Ember.js的目标是成为Web应用开发者的最佳框架解决方案,并将Web应用效果发挥到极致。

本节书摘来自异步社区《Ember.js实战》一书中的第1章,第1.1节,作者:【挪】Joachim Haagen Skeie(乔基姆•哈根•斯基)著,更多章节内容可以访问云栖社区“异步社区”公众号查看

第一部分 Ember.js基础

JavaScript MVC框架Ember.js用于组织大型Web应用代码结构。与其他流行的JavaScript应用框架相比,其具有更完整的MVC模式特征,并包含创建新一代Web应用所需特性。它自信满满,严格依赖约定优于配置的设计范式来构造应用程序。

由于包含大量特性及应用约定,Ember.js的学习曲线比较陡峭。本书第一部分包含4章内容,帮你尽快找到Ember.js开发的感觉,并确保你从一开始就能有所成。

第1章 发力雄心勃勃的Web应用

本章涵盖的内容

  • 单页面Web应用概述(Single-page Web Application,SPA)
  • Ember.js介绍
  • Ember.js为Web开发者带来了什么
  • 第一个Ember.js应用程序

本章介绍Ember.js应用框架,以及Ember.js生态系统的大量特性和技术。大多数主题将在后续章节具体展开。你还将快速了解Ember.js应用的轮廓及其优势。

同时,本章也会介绍如何构建Ember.js应用,其间将涉及Ember.js框架的不同方面。如果一开始你不太理解某些代码,请别担心!所有的这些开发代码都会在后面一步步具体展开。

如果你已习惯开发服务器端技术驱动的Web应用,掌握Ember.js可不是轻松的事情。本章代码示例和记事本应用将涉及构建Ember.js应用的各种概念。

Ember.js的结构以一系列基础库为基础。书中各章开始处都会提供一张图,展示各个基础库并高亮显示各章涉及的内容。本章就会接触到许多Ember.js基础库,如图1-1所示。

screenshot

1.1 Ember.js适用场景

像《纽约时报》网站或苹果公司网站这样的内容服务网站以传统的HTTP请求-响应生命周期为基础,在服务器端渲染大部分的HTML、CSS和JavaScript代码。如图1-2左半部分所示,对于每个请求,服务器端都会生成网页标记全新而完整的复本。
screenshot

另一种技术是富互联网应用(RIA),诸如Google地图、Trello以及某种程度上的GitHub。这些网站的目标就是重新定义应用类型,在客户端渲染大部分内容,以与原生安装应用竞争。如图 1-2 右半部分所示,应用在第一次请求发生时,服务器端做出响应,将完整的应用(HTML、CSS以及JavaScript)一次性传送给客户端。对于随后请求将只返回显示下一页面所需的数据。

两种技术的优缺点展示在图示的两端。左边描述的页面很容易被服务器端缓存,但其依赖请求-响应生命周期模式,而且为了响应用户动作必须整页刷新。

图示右半部分拥有典型的富用户界面,提供了更好的用户体验,并与大家所熟知的原生应用相似,但实现起来也更复杂,需要浏览器软件提供更多的计算能力、新特性以及稳定性。

单页面应用(SPA)越来越流行,因为RIA——尤其是SPA——更像是原生安装应用,其具有更加响应式的用户界面、少量或局部的页面刷新。在这个领域,Ember.js的目标是成为Web应用开发者的最佳框架解决方案,并将Web应用效果发挥到极致。例如,Ember.js非常适合请求长时用户会话、需要富用户界面以及基于标准Web技术等各类场景。

如果打算创建图示右半部分风格的应用,那么,Ember.js正是为此打造的。Ember.js还有助于思索如何构建应用。它提供了创建丰富Web应用程序的强大工具,让你的创意发挥到极致,同时提供一系列丰富特性以构建真正雄心勃勃的Web应用程序。

在开发Ember.js应用程序之前,先来讨论一下为什么我们一开始就选择象Ember.js这样的框架,以及Ember.js提出要解决的问题。

相关文章
|
3天前
|
Web App开发 编解码 vr&ar
使用Web浏览器访问UE应用的最佳实践
在3D/XR应用开发中,尤其是基于UE(虚幻引擎)开发的高精度场景,传统终端因硬件局限难以流畅运行高帧率、复杂效果的三维应用。实时云渲染技术,将渲染任务转移至云端服务器,降低终端硬件要求,确保用户获得流畅体验。具备弹性扩展、优化传输协议、跨平台支持和安全性等优势,适用于多种终端和场景,特别集成像素流送技术,帮助UE开发者实现低代码上云操作,简化部署流程,保留UE引擎的强大开发能力,确保画面精美且终端轻量化。
使用Web浏览器访问UE应用的最佳实践
|
25天前
|
弹性计算 Java 关系型数据库
Web应用上云经典架构实践教学
Web应用上云经典架构实践教学
Web应用上云经典架构实践教学
|
1月前
|
Kubernetes 安全 Devops
有效抵御网络应用及API威胁,聊聊F5 BIG-IP Next Web应用防火墙
有效抵御网络应用及API威胁,聊聊F5 BIG-IP Next Web应用防火墙
66 10
有效抵御网络应用及API威胁,聊聊F5 BIG-IP Next Web应用防火墙
|
25天前
|
弹性计算 Java 数据库
Web应用上云经典架构实战
本课程详细介绍了Web应用上云的经典架构实战,涵盖前期准备、配置ALB、创建服务器组和监听、验证ECS公网能力、环境配置(JDK、Maven、Node、Git)、下载并运行若依框架、操作第二台ECS以及验证高可用性。通过具体步骤和命令,帮助学员快速掌握云上部署的全流程。
|
27天前
|
安全 应用服务中间件 网络安全
实战经验分享:利用免费SSL证书构建安全可靠的Web应用
本文分享了利用免费SSL证书构建安全Web应用的实战经验,涵盖选择合适的证书颁发机构、申请与获取证书、配置Web服务器、优化安全性及实际案例。帮助开发者提升应用安全性,增强用户信任。
|
2月前
|
前端开发 JavaScript UED
在数字化时代,Web 应用性能优化尤为重要。本文探讨了CSS与HTML在提升Web性能中的关键作用及未来趋势
在数字化时代,Web 应用性能优化尤为重要。本文探讨了CSS与HTML在提升Web性能中的关键作用及未来趋势,包括样式表优化、DOM操作减少、图像优化等技术,并分析了电商网站的具体案例,强调了技术演进对Web性能的深远影响。
45 5
|
2月前
|
JavaScript
使用Node.js创建一个简单的Web服务器
使用Node.js创建一个简单的Web服务器
|
2月前
|
机器学习/深度学习 人工智能 JavaScript
JavaScript和TypeScript的未来发展趋势及其在Web开发中的应用前景
本文探讨了JavaScript和TypeScript的未来发展趋势及其在Web开发中的应用前景。JavaScript将注重性能优化、跨平台开发、AI融合及WebAssembly整合;TypeScript则强调与框架整合、强类型检查、前端工程化及WebAssembly的深度结合。两者结合发展,特别是在Vue 3.0中完全采用TypeScript编写,预示着未来的Web开发将更加高效、可靠。
58 4
|
25天前
|
弹性计算 负载均衡 安全
云端问道-Web应用上云经典架构方案教学
本文介绍了企业业务上云的经典架构设计,涵盖用户业务现状及挑战、阿里云业务托管架构设计、方案选型配置及业务初期低门槛使用等内容。通过详细分析现有架构的问题,提出了高可用、安全、可扩展的解决方案,并提供了按量付费的低成本选项,帮助企业在业务初期顺利上云。
|
3月前
|
XML JSON API
ServiceStack:不仅仅是一个高性能Web API和微服务框架,更是一站式解决方案——深入解析其多协议支持及简便开发流程,带您体验前所未有的.NET开发效率革命
【10月更文挑战第9天】ServiceStack 是一个高性能的 Web API 和微服务框架,支持 JSON、XML、CSV 等多种数据格式。它简化了 .NET 应用的开发流程,提供了直观的 RESTful 服务构建方式。ServiceStack 支持高并发请求和复杂业务逻辑,安装简单,通过 NuGet 包管理器即可快速集成。示例代码展示了如何创建一个返回当前日期的简单服务,包括定义请求和响应 DTO、实现服务逻辑、配置路由和宿主。ServiceStack 还支持 WebSocket、SignalR 等实时通信协议,具备自动验证、自动过滤器等丰富功能,适合快速搭建高性能、可扩展的服务端应用。
202 3