资讯频道 → Web前端
阅读更多

21顶
0踩

Web前端

原创新闻 Angular.js VS. Ember.js：谁将成为Web开发的新宠？

2013-09-10 09:58 by 副主编 wangguo 评论(11) 有30658人浏览
Angular.js Ember.js 框架 Web开发

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

本文源自于Quora网站的一个问题，作者称最近一直在为一个新的Rails项目寻找一个JavaScript框架，通过筛选，最终纠结于 Angular.js和 Ember.js。

这个问题获得了大量的关注，并吸引到这两个框架的开发者参与回答。如果你也纠结JavaScript框架的选择，那么本文对你来说也是一个非常好的参考资料。

Angular.js和Ember.js介绍

Angular.js是一款开源的JavaScript框架，由Google维护，其目标是增强基于Web应用，并带有MVC功能，使得开发和测试变得更加容易。



Angular.js读取包含附加自定义（标签属性）的HTML，遵从这些自定义属性中的指令，并将页面中的输入输出与由JavaScript变量表示的模型绑定起来。这些JavaScript变量的值可以手工设置，或者从静态或动态JSON资源中获取。

项目地址： http://angularjs.org/

Ember.js同样是一个用于创建web应用的JavaScript MVC 框架，其采用基于字符串的Handlebars模板，支持双向绑定、观察者模式、计算属性（依赖其他属性动态变化）、自动更新模板、路由控制、状态机等。



Ember.js使用自身扩展的类来创建Ember.js对象、数组、字符串、函数，提供大量方法与属性用于操作。每一个Ember.js应用都使用各自的命名空间，避免冲突。

项目地址： http://emberjs.com/

Angular.js开发者：Angular.js最能体现HTML的精髓

Angular.js其中一位开发者Misko Hevery回复了提问者的疑问，内容如下。

我是Angular团队中的一名开发者，我还不太了解Emeber.js，因此我的观点可能会有些偏颇。

有人说，Angular.js和Ember.js都在HTML中放入了太多的逻辑。当然，将逻辑放入HTML是一个不好的做法，我们也不建议这么做。事实上，Angular.js只放置绑定，而不是逻辑，我们建议把逻辑放入控制器中。但绑定同样是信息，这些信息可以放在一些地方，你有三种选择：

  • 代码。但这使得程序模块化很成问题，因为HTML与代码紧密耦合，要想重新组成一个应用程序非常困难。
  • HTML。这正是Angular.js所做的。我们认为，除了放置连接信息外，你不应该在HTML中做任何事情。任何逻辑都不应该出现在这里，因为它会导致各种问题。我认为Angular.js做的绑定相当好。
  • 元数据文件：虽然我不知道是否有人这样做，但基本上这是一个双重问题，因为你将不得不在代码中连接HTML位置和模型位置。
当然，在构建一个应用程序时，你也可以不使用框架，但不可否认，使用框架将使得你的开发工作变得更容易。

我个人认为Angular.js的独特之处在于它拥抱HTML/CSS，遵循“HTML是什么”的精神。其他一些框架提供了它们自己的API，偏离了HTML。Angular.js在所有框架中是最能体现声明式的。我相信声明式非常适合用来构建用户界面，而JS非常适合用来编写逻辑。

Angular.js允许你扩展HTML，所以你在使用Angular.js过程中遇到的任何问题都可以很容易地克服。你可以在Angular.js官网中 http://angularjs.org找到一些能够展示其特性的例子。

Ember.js开发者：Ember.js是构建“雄心勃勃”的应用程序的不二选择

Ember.js的一位开发者Tom Dale对Angular.js和Ember.js进行了详细对比，具体内容如下。

作为Ember.js的作者之一，我经常会被问道：应该使用Angular.js还是Ember.js？

我认为在做出选择之前，需要考虑：要构建什么样的应用？那么Ember.js是不是比Angular.js更好呢？

虽然两者在表面上有一些相似之处——它们都使用绑定，都比其他框架（比如Backbone.js）更有利于编写Web应用程序。

我首先来介绍一下Ember.js项目的由来。从2009年开始，我就一直在苹果公司参与 SproutCore的开发，这是一个开源的类似于Cocoa的JavaScript框架，后来演变成了你现在所看到的 iCloud。当时，我的周围是一些世界上最好的Cocoa开发者。

问题是，多少年来在客户端应用程序方面，似乎并没有真正新的突破。自80年代以来就一直遵循的基本模型——代码运行在本地计算机上，从网络上获取数据，然后在本地处理，并显示在屏幕上；而如今唯一改变的是——代码运行在浏览器的沙箱环境中，然后加载所需的“二进制”文件，而不是由用户安装到硬盘上的文件。

在考虑这些问题是，我会首先想到：在我们之前，人们已经做了什么？我认为很难去争辩框架的成功，比如Cocoa，无论在Mac还是iOS上，Cocoa都可以让开发者轻松编写受用户喜爱的应用程序。

我们希望开发者能够创建雄心勃勃的、能够与本地应用竞争的Web应用程序。要做到这一点，开发者首先需要先进的工具和正确的概念，以帮助他们沟通和协作。

在开发Ember.js过程中，我们花了大量时间从其他一些本地应用程序框架（如Cocoa）中引入一些概念，但后来我们感觉到这些概念带来的困扰多于帮助，或它们并不适合用来构建Web应用程序。因此，我们开始转向其他流行的开源项目，比如Ruby on Rails和Backbone.js，从它们中来找灵感。

因此，Ember.js最终成为了一个综合的、强大的、符合现代Web特性的、轻量级的工具。

在我看来，与Ember.js相比，Angular.js更像一个研究项目。比如，来看看它们的学习文档：Ember.js主要讨论模型、视图和控制器，而Angular.js指南要求你去学习一些类似于范围、指示符和transclusion方面的内容等。

我完全支持一些研究型项目，并希望它们能够变成最好的。但是，要记住，要在生产环境中看待应用程序。

一些大公司已经在Ember.js上投入了时间和精力，比如新版ZenDesk已经使用Ember.js重写（在他们对Backbone.js失望后，决定放弃它改用Ember.js），Square的整个Web层面也是基于Ember.js的（因为他们想要一个漂亮、响应式的UI），Groupon的移动版Web应用也是使用Ember.js开发的。此外，还有很多初创型公司通过Ember.js获得了成功，并开始对Ember.js社区进行贡献。

而我目前所看到使用Angular.js开发的大多数应用程序只是演示项目，或是Google的内部项目。

Yehuda（Ember.js开发者之一）和我也一直积极邀请真正的用户参与Ember.js框架的设计和维护，这可以确保我们在Ember.js中添加的功能对于实际开发是有用的。

事实上，在过去的几个月中，大多数Ember.js开发工作都是由Ember.js社区的核心贡献组完成的，他们来自不同的公司。如果Yehuda和我哪天有什么事情，或者我们的公司倒闭了，Ember.js还将会持续发展。这是一个真正的社区项目，而不是“Google”项目。

回到技术细节。Angular.js官网上写道“Angular.js是HTML的未来，它被设计用于构建Web应用程序。”我认为当看他们的应用程序时，这种理念是显而易见的——用户界面由HTML标记定义，使用有语义意义的属性（比如data-ng-repeat）来装饰。

而Ember.js使用Handlebars来描述HTML，来展现你的应用程序界面。从美观角度，我们可以谈谈你是更喜欢Handlebars语法（使用类似于{{#each}}的helper），还是喜欢像Angular.js那样通过额外的属性来注释HTML。我个人认为，HTML属性方法有点杂乱，难以阅读。当然，你可以使用其中任何一种方式。如果Ember.js不存在，而我又必须使用一个使用了数据属性的框架，那么我会考虑Angular.js。

抛开美观不谈，我相信，Ember.js使用基于字符串的模板的方式也为我们带来了一些优势：

  • 基于字符串的模板可以在服务器上预编译。这样可以减少启动时间，也意味着渲染一个模板可以像调用一个函数一样简单。
  • Angular.js需要你在应用程序启动时遍历整个DOM，你的应用程序越大，启动速度越慢。
  • 如果你想在服务器上渲染你的应用程序（用于Google爬虫索引或让首次加载时显示速度更快），Angular.js需要你去启动整个浏览器环境，像PhantomJS，这是资源密集型的。而Handlebars是100％的JavaScript字符串，所有你需要的只是像node.js或Rhino之类的东西。
  • 如果你的应用程序变得越来越大，那么字符串模板可以很容易地被分割和懒加载。
此外，Handlebars只让你绑定属性，而Angular.js允许你嵌入实时更新的任意表达式。很多人最初将这个视为Ember.js的局限性，但实际上：

  • Ember.js允许非常容易地使用JavaScript来创建可计算属性，它可以包含任意表达式。我们只要求你指定你的依赖，这样在更新时可以智能些。
  • Angular.js在每次有新的变化时，必须重新计算这些表达式，这意味着需要在你的应用程序中绑定更多的元素，速度会变慢。
  • 因为Ember.js只允许你绑定属性，我们将可以很容易地利用ECMAScript 6的性能优势，如Object.observes。由于Angular.js发明了自己的带有 自定义解析器的JavaScript子集，这对于浏览器来说，优化代码变得比较困难。
在一般情况下，Angular.js依靠一种叫做“ 脏检查（dirty checking）”的机制来确定对象是否已进行更改。“脏检查”的方式是，在你扫描每个对象和其所有绑定属性时，比较当前值和之前已知的值。如果它发生了变化，你就需要去更新其绑定。正如你能想到的那样，代码中对象越多，成本将越昂贵。

但Angular.js开发者非常聪明，他们非常仔细地进行了折中。他们的方案是：

  • 使用“脏检查”，你不需要使用accessors。你可以用person.name = "Bill"来代替person.set('name', "Bill")，就像在Ember.js 或 Backbone.js中的一样。
  • 为什么在DOM中你会有这么多的对象？这最终将会成为一个瓶颈的。
Miško Hevery在StackOverflow上介绍了 这种折中方式。他指出，使用“脏检查”，你无法一次有超过2000个绑定对象。

我认为这很好地说明了Ember.js 和 Angular.js理念上的区别。Ember.js 和 Angular.js都力求简单和易用。而Ember.js使你不必担心代码中是否有超过2000个绑定。如果你正在编写大型应用程序，那么你已经解决了你所担心的最大的事情。对于中小规模的应用程序来说，Angular.js同样是伟大的，因为这些应用程序不会触及Angular.js的限制区。

在Ember.js中，我们总是希望利用浏览器和语言中的新功能，以便使事情变得更容易。例如，一旦ES6中 代理对象（proxies）可用，我们不会再要求你使用get()和set()。

所以这就是为什么我认为——如果你想构建雄心勃勃的应用程序，你应该选择Ember.js。

我们从不拒绝从其他一些框架中吸取一些知识，因为这些框架已经知道如何最好地去构建大型应用程序。

我们已经有了一个梦幻般的社区，有一群最聪明的Web开发人员，他们致力于解决现实中遇到的最难的一些问题。

此外，在开发过程中，我们对于性能方面和如何利用语言新特性方面也考虑了很久。Yehuda Katz和我一起开发Ember.js，他同时也是TC39（负责JavaScript下一个版本的制定）的成员，在此方面相当有经验。

我们已经发布了1.0版API，因此你可以开始学习，而不用担心有大的变化。

你可以通过这个视频来了解如何通过Ember.js从头开始构建一个应用程序： Building an App with Ember.js

下面是一些非常棒的学习资源：

如果你想构建一个雄心勃勃的应用程序，你一定要考虑Ember.js。

angularjs_scaffold开发者：Angular.js符合Web的未来

angularjs_scaffold的开发者Patrick Aljord也参与了讨论，内容如下。

我是 angularjs_scaffold（基于Angular.js编写的针对scaffolding视图的Rails插件）的开发者，我来说说为什么我会选择Angular.js。

事实上，我原本打算在项目中使用Ember.js，因为我比较信赖Yehuda（Ember.js开发者之一）在Rails和jQuery方面的工作。但是Ember.js中随时会变化的API和匮乏的文档，使我一再推迟使用它。我偶然发现了Angular.js，就被它吸引了。

像Tom Dale（Ember.js开发者之一）所说，Ember.js受Cocoa 和Rails启发。但问题是，通过Ember.js，我并没有真正感觉到像在写一个Web应用程序，它就像一堆抛出的概念。而在Angular.js中，我感觉像在写一个Web应用程序，它真正支持所有的Web概念，并以一种非常自然的方式来扩展HTML。

事实上，Angular.js并没有使用自己的对象或重写JS方法，当你使用Angular.js时，你就使用了纯JS，并且Angular.js实现的许多概念都将直接进入下一个版本的Javascript中。

学习Angular.js，就意味着学习未来的Javascript，而学习Ember.js，你只是学习到了Ember的特定概念。

来看个例子。HTML是伟大的，因为它是声明式的，如果想要定义一个段落，你只需写如下代码： 

<p>Hello world</p>


但是如果你想非常动态地实现？你需要通过类似于下面的代码来引导浏览器： 

<p id="greeting1"></p>
 <script>
    var isIE = document.attachEvent;
    var addListener = isIE
      ? function(e, t, fn) {
          e.attachEvent('on' + t, fn);}
      : function(e, t, fn) {
          e.addEventListener(t, fn, false);};
    addListener(document, 'load', function(){
      var greeting = document.getElementById('greeting1');
      if (isIE) {
        greeting.innerText = 'Hello World!';
      } else {
        greeting.textContent = 'Hello World!';
      }
    });
 </script>


来看看Angular.js如何实现： 

<p>{{hello}}</p>


它通过HTML声明来编写动态代码。再来看一个示例，如果你要遍历一个数组，只需： 

<ul>
  <li ng-repeat="element in array">element</li>
</ul>


这个语法看起来像新的 MDV标准。这看起来比Ember.js更加简洁。另外，Angular.js被优化得非常快，开发团队通过如下措施来实现：

  • 脏检查
  • 只检查当前视图
  • 只在变化发生时检查
  • 通过和Chrome团队协作来利用JIT
在一些基准测试中，结果显示Angular.js的速度要快于Ember.js，具体可见 Angular VS Knockout VS Ember。

Angular.js未来会拥有可重用的组件，这允许你编写非常简洁的代码，并轻松重用一些部件。这不是Angular.js特定的需求，而是Web的未来。

此外，Angular.js还拥有一个庞大的社区和 大量的贡献者。

原帖中还有很多开发者也参与了讨论，详细内容：Is Angular.js or Ember.js the better choice for Javascript frameworks?

你是否曾经也纠结于框架的选择？如果你也有Angular.js或Ember.js的使用经验，欢迎与我们分享。
  • 大小: 20.6 KB
  • 大小: 14.2 KB
21
顶
0
踩
评论 共 11 条 请登录后发表评论
11 楼 Virtoway 2015-08-12 13:53
说到Angular JS
刚读到一片美国构架师的文章
关于使用Angular JS在Microsoft平台上进行编程，达到高效web管理
这个平台免费使用的
下载地址：http://www.asp.net/
请表叫我雷锋!
我手痒，顺带把那文章译啦 ！博客里有http://www.iteye.com/topic/1141273
 
10 楼 Virtoway 2015-08-12 13:53
当然是Angulars JS
9 楼 xing_kenny 2014-08-29 14:21
ember 当年看过 太复杂
8 楼 haiyume 2013-10-18 10:52
好像学习成本都很高
7 楼 在世界的中心呼喚愛 2013-10-17 14:36
ember看着不习惯。。
还是angular看着舒服！！！
6 楼 flex_莫冲 2013-10-12 09:52
都不用。我还是用轻量级的backbone。
5 楼 miles801 2013-09-16 10:05
damoqiongqiu 写道
虽然贴自己的文章可能是不对的，但是我还是请有兴趣的人参考一下这里http://damoqiongqiu.iteye.com/blog/1922004



intellij idea/webstorm可以很友好的支持angularjs
4 楼 lost_alien 2013-09-13 14:36
两者都很好其实。。。。我觉得不相伯仲，就看谁文档齐全的快了。。。。
3 楼 witcheryne 2013-09-10 15:58
Ember.js 文档看起来很有爱啊!
坐等angularjs 出重量级的IDE
2 楼 damoqiongqiu 2013-09-10 13:37
虽然贴自己的文章可能是不对的，但是我还是请有兴趣的人参考一下这里http://damoqiongqiu.iteye.com/blog/1922004
1 楼 at1943 2013-09-10 11:05
看了Ember的长篇大论和Angular的html，我还是喜欢Angular

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 【转】Angular.js VS. Ember.js：谁将成为Web开发的新宠？

    本文源自于Quora网站的一个问题，作者称最近一直在为一个新的Rails项目寻找一个JavaScript框架，通过筛选，最终纠结于Angular.js和Ember.js。 这个问题获得了大量的关注，并吸引到这两个框架的开发者参与回答。...

  • MVC、MVP、MVVM、Angular.js、Knockout.js、Backbone.js、React.js、Ember.js、Avalon.js、Vue.js 概念摘录

    MVC（Model-View-Controller），M 是指业务模型，V 是指用户界面，C 则是控制器，使用 MVC 的目的是将 M 和 V 的实现代码分离，从而使同一个程序可以使用不同的表现形式。 交互方式（所有通信都是单向的）： ...

  • MVC、MVP、MVVM、Angular.js、Knockout.js、Backbone.js、React.js、Ember.js、Avalon.js、Vue.js 概念摘录...

    MVC（Model-View-Controller），M 是指业务模型，V 是指用户界面，C 则是控制器，使用 MVC 的目的是将 M 和 V 的实现代码分离，从而使同一个程序可以使用不同的表现形式。 交互方式（所有通信都是单向的）： View ...

  • [译] Angular 2 VS. React： 血色将至

    [译] Angular 2 VS. React： 血色将至 JAVASCRIPT  Atwood.cai  2016-01-14  11590 访问 2  分享  微信分享 原文：Angular 2 versus React: There Will Be Blood Angular2 已升级到 Beta 版并有可能成为...

  • angular.js应用

    AngularJS Google 框架 Web开发 声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！ &amp;lt; &amp;gt; 猎头职位: 上海: Senior Software Engineer ...

  • AngularJS资源整理收集

    AngularJS是Google开源的一款JavaScript MVC框架，弥补了HTML在构建应用方面的不足，其通过使用指令...AngularJS诞生以来，吸引了大量的目光，也迅速成为了Web开发领域的新宠。本文整理了2013年度一些非常有价值的Angul

  • React vs Angular 2: 冰与火之歌

    黄玄·3 个月前本文译自 Angular 2 versus React: There Will Be Blood ，其实之前有人翻译过，...Angular 2 已经发布 Beta 版，而且似乎很有信心在 2016 年成为热门框架。是时候进行一场巅峰对决了，我们来看看它如...

  • 2016前端框架的发展趋势(The State Of JavaScript: Front-End Frameworks)

    根据Sacha Greif今年8月25日做的统计(3000+人参加)(https://medium.com/@sachagreif/the-state-of-javascript-front-end-frameworks-1a2d8a61510#.plsk70teh)来看:主要...Ember Vue Backbone 排序条件: * 从来没有听过

  • 八款你不得不知的开源前端JS框架

    八款你不得不知的开源前端JS框架 2014-10-30 10:27CSDN作者 CSDN CODE  10 3157 开源 前端 库 开源框架 开发框架 本文推荐了八款比较热门和经典的Javascript 开源框架，并给出了相关学习...

  • js框架

    Angular.JS是一个开源的JavaScript框架，最适于开发客户端的单页面应用。它实现了前端MVC架构，专注于扩展HTML功能，提供动态数据绑定（Data Binding），且能与其它框架（如jQuery）合作融洽。(项目详情) ...

  • 八款你不得不知的开源前端JS框架（转）

    Angular.JS是一个开源的JavaScript框架，最适于开发客户端的单页面应用。它实现了前端MVC架构，专注于扩展HTML功能，提供动态数据绑定（Data Binding），且能与其它框架（如jQuery）合作融洽。(项目详情)   ...

  • 最强AngularJS资源合集

    AngularJS是Google开源的一款JavaScript MVC框架，弥补了HTML在构建应用方面的不足，其通过使用指令...AngularJS诞生以来，吸引了大量的目光，也迅速成为了Web开发领域的新宠。本文整理了2013年度一些非常有价值的Ang

  • 程序设计语言基础JAVAWEB_Java讲义精选[2025网盘版.备考复习].doc

    程序设计语言基础JAVAWEB_Java讲义精选[2025网盘版.备考复习]

  • LabVIEW实现485标准Modbus通信的变频器测控系统及其应用

    内容概要：本文详细介绍了基于LabVIEW的测控系统，该系统集成了485标准Modbus通信协议，实现了对变频器的控制以及多种数据（如扭矩、转速、温度、电压、电流）的测量和处理。文中不仅提供了具体的代码示例，还分享了许多实际操作中的经验和技巧，如通信参数配置、CRC校验、数据解析、转速闭环控制等。此外，作者强调了系统架构设计的重要性，提出了生产者/消费者模式的应用，并讨论了如何通过面向对象编程提高代码的可维护性和扩展性。 适合人群：从事工业自动化领域的工程师和技术人员，尤其是对LabVIEW有一定了解或希望深入学习LabVIEW编程的人群。 使用场景及目标：适用于各种工业自动化环境中，旨在帮助用户快速搭建高效稳定的测控系统，满足特定应用场景下的数据采集与控制需求。具体目标包括但不限于：实现高精度的变频器转速控制、确保可靠的数据传输、优化系统性能、提升用户体验等。 其他说明：文章中提到的所有代码均已打包提供，便于读者直接应用于自己的项目中。同时，作者鼓励读者根据实际情况进行二次开发，以适应不同的硬件平台和业务逻辑。

  • 程序设计语言基础JAVAWEB_JavaWeb项目需要掌握技术[2025网盘版.备考复习].docx

    程序设计语言基础JAVAWEB_JavaWeb项目需要掌握技术[2025网盘版.备考复习]

  • 程序设计语言基础JAVAWEB_Java输入输出[2025网盘版.备考复习].pdf

    程序设计语言基础JAVAWEB_Java输入输出[2025网盘版.备考复习]

  • 【Python毕设】p121基于python的内蒙古旅游景点数据分析系统-Flask+spider+vue.zip

    项目资源包含：可运行源码+sql文件+文档； python3.8+Flask+mysql5.7+spider+vue 适用人群：学习不同技术领域的小白或进阶学习者；可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 当人们打开系统的网址后，首先看到的就是首页界面。在这里，人们能够看到系统的导航条（旅游景点、周边住宿、周边美食、公告栏），通过导航条导航进入各功能展示页面进行操作。在个人中心页面可以对修改密码、我的收藏进行详细操作。 管理员进入主页面，主要功能包括对系统首页、用户、旅游景点、周边住宿、周边美食、美食分类、系统管理、个人资料等进行操作。

  • 24河北省赛Linux网络建设与运维答案(1).zip

    24河北省赛Linux网络建设与运维答案(1).zip

  • 基于ssm+mysql的煤炭销售管理系统(含LW+PPT+源码+系统演示视频+安装说明).zip

    系统名称：基于JSP煤炭销售管理系统 技术栈：JSP技术、Mysql数据库、B/S结构 系统功能：管理员功能：个人信息管理、员工信息管理、煤炭信息管理、煤炭类别管理、煤炭销售统计、公告信息管理；销售员工功能：个人资料管理、煤炭入库数据管理、煤炭库存信息查看、煤炭销售数据信息管理、我的煤炭销售统计、公告信息查看 摘要：随着经济的发展以及人们对于能源的需求，煤炭的销售量也在日益提升，煤炭销售过程中存在大量的销售数据，包含了煤炭类型、煤炭价格、煤炭出入库管理、煤炭销售统计等内容，然而在现实煤炭销售过程中很多销售管理的内容都是通过手动记录的方式来实现，对于交易量比较小的应用场景这种手工管理模式还适用，但是对于大型和多销售人员的场景下，对于煤炭销售的管理存在很多风险。本文结合了当前煤炭销售管理中的常见问题，通过线上平台的开发设计，利用JSP技术以及Mysql数据库实现在线煤炭销售信息的管理，包含了煤炭销售管理过程中的煤炭信息管理、煤炭销售管理、煤炭入库管理、煤炭库存管理以及销售人员销量统计，销售员工和管理人员可以借助线上平台实现煤炭销售信息的优化管理，利用线上平台的便捷性帮助缓解和提升煤炭交易管理的效率，同时借助线上数据信息的查询和统计帮助优化煤炭进销存管理的数据信息准确性，从而对于煤炭整体销售过程实现有效的管控。

Global site tag (gtag.js) - Google Analytics