当前位置: 乐呵网 > js学习网 > JavaScript教程 >

谈谈Google Polymer以及Web UI框架的将来

时间:2014-09-15 11:29来源:乐呵网提供 作者:乐呵网 点击:
开发者Axel Rauschmayer在自己的博客上详解了Google Polymer的设计理念与组成架构,深得Polymer开发者的认同。他认为Polyme

在方才竣事的Google I/O 2013中,Google宣布了一个新的Web UI框架——Polymer,好像为所有Web UI框架指明白成长偏向。

  • Google I/O 2013中的演讲:
  • “Web Components: A Tectonic Shift for Web Development”——Eric Bidelman
  • “Web Components in Action”——Matthew McNulty, Alex Komoroske(基于上面的演讲,还提到了Polymer)
  • 上关于Web Component的文章。
  • Polymer项目主页: polymer-project.org
  • 原文链接: 2ality

    开拓者Axel Rauschmayer在本身的博客上详解了Polymer的设计理念与构成架构,深得Polymer开拓者sjmiles(Scott J. Miles)的认同。CSDN编译如下:

    platform.js的浸染在于取代欣赏器提供这些API,它在颠末充实压缩后仅仅31KB。而按照已果真的信息,我们还知道Polymer的方针之一就在于测试这些未尺度化的HTML5 UI API

  • 和 Object.observe():用于监督DOM元素和简朴JavaScript工具的改变。该成果大概会在ECMAScript 7中正式尺度化。
  • Pointer Events :在所有的平台上以同样的方法处理惩罚鼠标和触摸操纵。
  • Shadow DOM:将布局和样式封装在元素内(好比定制元素)。
  • Custom Elements:界说本身的HTML5元素。自界说元素的名字中必需包罗一个破折号,它的浸染雷同于定名空间,为了将其与尺度元素区分隔来。
  • HTML Imports:封装自界说元素,包中包罗HTML、CSS、JavaScript元素。
  • Model-Driven Views(MDV):直接在HTML中实现数据绑定。仍没有尺度化的打算。
  • Web Animations:统一Web动画实现API。
  • 以上第3-5个API都是Web Components的一部门。很明明,Web Components对Polymer的重要性非同一般。

    1.3 互操纵性

    Polymer设计得像菜单一样,可以按需选择。得益于Web Components,其元素都具有很是高的互操纵性。在I/O大会上我们就看到了这样的例子:Mozilla项目中的元素X-Tag(同样基于Web组件)与Polymer协同得很是好。

    相关资源

    假如你想更深入地相识Polymer,可以会见以下网址:

    <polymer-panels on-select="panelSelectHandler" selected="{{selectedPanelIndex}}"> </polymer-panels>

    可以看出其布局很是“面向组件(component-oriented)”,所有组件都是HTML元素。有的元素自己并不提供UI,好比animations元素并不提供UI,可是你可以将它与UI元素相关联,实现动画结果。另外,Polymer的许多widget中都内建了响应式设计,也就是说,他们会依平台的差异变革成最适合的形状。

    1.5 Polymer与其它Web框架对比如何?

    Polymer并不是为终结其它框架而生,相反,现有的这些框架也可以构建在同样的基本层之上。假如你已经实验过Ember.js、AngularJS这样的UI框架,必然会发明许多API很是熟悉。AngularJS甚至在 在Twitter上公布:”Angular将基于Polymer开拓widget,这会是一个双赢的方案。“

    1.2 焦点层和元素层

    Polymer自己很是像原生的HTML5:“attributes in, events out”。以UIwidget(widget)polymer-panels为例:

  • 富厚的widget集。在我看来,Web Components最大的意义莫过于此。得益于Web Components,我们将能等闲得到浩瀚widget,随意利用。
  • 用户界面机关。我对 CSS Grid Layout寄予了厚望,Grid Layout是原生的HTML,自然它也能与Web Component很好地协同事情。
  • widget间的“粘合剂”(好比数据绑定)。
  • 就今朝看来,各大框架仍难以相互兼容:各自利用各自的东西链、担任API、widget基本构架等等。本文中描写的开拓模式,以及ECMAScript 6中的类与模块,都指明Web开拓的将来应该是更高的互操纵性。这对Web开产生态系统的益处显而易见。

    1.1 基本层(platform.js)

    个中,基本层利用了以下技能:

    固然本年的Google I/O也已竣事,但会上发表的新技能、新东西仍然让开拓者欢快不已。个中Web开拓方面尤以Ploymer和Web Components为重。

    2. Polymer毕竟意味着什么?

    没有人会想要利用框架,我们只是想高效地开拓Web UI罢了,只不外框架恰恰满意了我们的需求。与之相反,原生HTML却缺乏这些成果:

    Polymer由加盟Google的原Palm webOS开拓团队打造,是一套以“一切皆组件、最少化代码量、最少框架限制”为设计理念的Web UI框架。Web Components则提供了一种更彻底的解耦方法,越发利便了UI的开拓和模块化,可以说是Polymer的基本之一。
    1.4 什么时候可以利用Polymer?

    Polymer今朝仍是一个Alpha预览版,因此不发起在民众项目中利用。可是,作为一个开源项目,你可以随时利用它的代码。

    1. Polymer

    Polymer由以下几层构成:

    本文为CSDN编译整理,未经答允不得转载,如需转载请接洽market#csdn.net(#换成@)

    (责任编辑:admin)
    ------分隔线----------------------------
    栏目列表
    推荐内容