一款开源的 Angular Storefront 应用介绍,代号 Spartacus 诞生的历史背景

简介: 一款开源的 Angular Storefront 应用介绍,代号 Spartacus 诞生的历史背景

长期以来,人们认为原生应用(native Application)是网站移动和桌面版本的良好辅助。 这意味着开发人员必须维护至少四个不同的系统:iOS 和 Android 的移动应用程序,以及分别用于移动设备和桌面设备的 Web 应用程序。 这就是 Hybris 多年前的样子。 我们有一个单独的文件夹用于移动模板、桌面模板和一个用于创建 iOS 和 Android 应用程序的 SDK。


后来,移动和桌面版本合并为一个响应式网站,能够针对不同的设备类型和屏幕分辨率呈现不同的网站。 这将不同代码库的数量从四个减少到三个。随着时间的推移,许多应用程序被废弃或过时,因为同步所有这些产品的成本太高。


安装新应用对很多人来说是一个挑战,安装数量太少,而让它们与网页版同步的成本很高。 最终,只有大型电子商店才能提供适用于 Android 和 iOS 的独立 native 应用。


根据 Comscore 的数据,尽管用户花在移动应用上的时间比花在浏览器上的时间更多,但一半的美国智能手机用户每月下载应用的次数为零。


因此,我们发现原生应用在支持和开发方面过于复杂和昂贵。 这就是为什么越来越多的开发人员使用跨平台开发工具开发原生应用程序,例如 PhoneGap、Apache Cordova、React Native、Xamarin 或 Flutter.


曾几何时,人们普遍认为,原生应用程序比 javascript 开发的移动应用运行速度快得多。


当 WebAssembly 宣布时,越来越多的开发者正在重新审视这一观点。


image.png


WebAssembly 使代码的执行速度几乎与运行本机机器代码一样快,并且它被设想为补充 JavaScript 以加速 Web 应用程序的性能关键部分,并在以后支持使用 JavaScript 以外的语言进行 Web 开发。 关键片段可以用 C/C++ 重写,并使用 Emscripten 转换为 Javascript。一些计算量大的组件现在可以在设备上执行,而不是在服务器上执行。


一个很好的例子是 AutoCAD Online。 对于电子商务网站的移动版本,当然不需要这样的性能。然而,AR/VR和音视频处理可能会改变这一局面。 例如,Tensorflow.js 允许开发人员在 Javascript 中使用机器学习算法,即使其设备未处于 online 状态。



相关文章
|
2月前
|
JavaScript 搜索推荐 API
Angular携手Angular Universal:全面实现服务器端渲染技术——从环境搭建到部署的详尽指南
【8月更文挑战第31天】在现代Web开发中,服务器端渲染(SSR)对于提升应用加载速度和SEO至关重要。Angular Universal作为Angular的SSR解决方案,允许在服务器上渲染应用,再发送至客户端,显著提高初始加载速度。本文将详细介绍如何使用Angular和Angular Universal实现SSR,并分享最佳实践。
35 0
|
2月前
|
缓存 前端开发 测试技术
Angular 与 Angular Universal 超厉害!实现服务器端渲染,开启高效开发与优质用户体验之旅!
【8月更文挑战第31天】在现代前端开发中,用户体验至关重要。Angular Universal 为 Angular 应用提供服务器端渲染(SSR)解决方案,显著提升性能和可访问性。本文介绍 SSR 的优势,包括更快的首屏加载时间、更好的 SEO 和更稳定的用户体验。接着详细讲解安装和配置 Angular Universal 的步骤,并提供优化 SSR 性能的方法,如延迟加载、缓存和预取技术。同时讨论了处理动态内容的策略,并介绍了测试和部署的最佳实践。通过遵循这些实践,可以确保应用高效稳定运行,提升用户体验。附带的示例代码展示了如何在服务器端和客户端处理数据。
23 0
|
2月前
|
JavaScript 搜索推荐 前端开发
从零搭建到部署:Angular与Angular Universal手把手教你实现服务器端渲染(SSR),全面解析及实战指南助你提升Web应用性能与SEO优化效果
【8月更文挑战第31天】服务器端渲染(SSR)是现代Web开发的关键技术,能显著提升SEO效果及首屏加载速度,改善用户体验。Angular Universal作为官方SSR解决方案,允许在服务器端生成静态HTML文件。本文通过具体示例详细介绍如何使用Angular Universal实现SSR,并分享最佳实践。首先需安装Node.js和npm。
28 0
|
4月前
|
JavaScript 前端开发 开发者
Angular框架:企业级Web应用的强大后盾
Angular,谷歌支持的JavaScript框架,因其组件化架构、双向数据绑定、依赖注入和路由系统,成为企业级Web开发首选。组件化促进代码重用,如`AppComponent`示例。双向数据绑定简化DOM操作,减少手动工作。依赖注入通过示例展示易管理依赖,提升测试性。路由则支持SPA开发,平滑页面过渡。Angular的特性增强了开发效率和应用质量,使其在Web开发领域保持领先地位。【6月更文挑战第25天】
49 2
|
5月前
|
Web App开发 UED 开发者
谈谈企业级 Angular 应用的二次开发 - 基于 Angular Component 替换的 Extensibility 支持案例介绍
谈谈企业级 Angular 应用的二次开发 - 基于 Angular Component 替换的 Extensibility 支持案例介绍
|
前端开发 JavaScript vr&ar
一款开源的 Angular Storefront 应用介绍,代号 Spartacus 诞生的历史背景
一款开源的 Angular Storefront 应用介绍,代号 Spartacus 诞生的历史背景
|
5月前
|
Web App开发 前端开发 API
Skeleton Design 理念在 Angular 应用开发中的具体应用一例
Skeleton Design 理念在 Angular 应用开发中的具体应用一例
|
资源调度 JavaScript 前端开发
一个 Angular 开发人员对腾讯 Cloud Studio 使用后的体验报告
笔者是一位 Angular 开发工程师,之前尝试过国外一款著名的在线编辑器,StackBlitz. 这款编辑器功能强大,但因为服务器在国外,所以我平时访问的时候,由于网络的原因,在编辑代码和本地运行编译好的 Angular 应用时,经常感觉到延迟,影响了用户体验。
一个 Angular 开发人员对腾讯 Cloud Studio 使用后的体验报告
|
存储 缓存 JavaScript
基于 Angular 的企业级 Web 应用服务器端渲染的推荐建构
基于 Angular 的企业级 Web 应用服务器端渲染的推荐建构
基于 Angular 的企业级 Web 应用服务器端渲染的推荐建构
|
12月前
|
JavaScript 前端开发 算法
Angular 版本演进史概述
Angular 版本演进史概述