从Enyo看移动Web应用框架设计.docVIP

Enyo是一个来自Palm的Aries项目的JavaScript开发框架，它所关注的方向是一般的程序框架所关注的封装性、复用性和可维护性。 历史 EnyowebOS发布的开发框架。 Enyo 1.0发布于HP TouchPad的webOS之上，它是依赖于WebKit的开发框架。因为一些历史原因，Enyo 1.0的授权仅限于webOS中使用，并没有使用开源协议。 Enyo 2.0则是一个跨平台的框架，它现在已经在github以Apache 2.0协议开源。 如无特别强调，本文后面所述的EnyoEnyo 2.0框架。 核心概念 如EnyoEnyo的核心是一种封装模型，让使用者能够更容易地复用和维护。在这一点上，Enyo更倾向于一个传统程序设计领域的框架。它所关注的方向是一般的程序框架所关注的封装性、复用性和可维护性。 与EnyoJS框架设计的核心思想则显得不那么“程序员思维”，比如jQuery的设计理念是：Write less, do more。 jQuery Enyo的设计理念是将程序分解为一个个的Component（组件），Component又能够由其它的Component组成。Enyo是一个立足于UI的框架，但它的Component理念并不限于UI组件。 Enyo这样的设计非常适合较大的工程，这跟传统的Web前端项目理念有些不同。很难想象一个网页会由很多工程师共同完成。而Enyo认为基于Enyo开发的应用程序，可能需要更多工程师来进行合作。 总体而言，从Enyo Enyo的设计目标:Web、移动、应用 EnyowebOS上，这决定了它的设计目标离不开Web、移动和应用三个关键词。 毫无疑问，webOSHTML+JS的开发方式很大程度是看中了已有的网页前端开发工程师资源。经过多年的发展和磨合，现在网页开发已经是一个非常成熟的技术环境了，这其中有着由设计师、工程师、产品经理等不同人才组成的完整的生态系统，大部分企业的开发流程也已成熟。尽管拥有JavaScript这样图灵完备且具有相当抽象能力的编程语言，网页与应用之间仍然有着不小的差距，而Enyo的设计目标之一就是尽量弥合这个差距。 为了与同类产品竞争，Enyo Enyo的编程模型中基本抛弃了HTML语言本身，而主要使用JavaScript和DOM API来编写图形界面。Enyo选用JSON来代替HTML作为界面描述语言，这样既保持了方便的程序访问性，又保证界面编写难度不会过高。 JSON描述界面这种做法在传统的JS框架中有成功的先例，其中最为著名的当属ExtJS，Enyo选择这一做法很可能借鉴了ExtJS的成功经验。 当然抛弃HTMLEnyo放弃了大批Web开发者以及围绕Web开发的工具。Enyo的这一选择可能并非明智。 因为webOSEnyo的设计也必须更多考虑移动设备。Enyo提供了专门为触屏设计的Scroll组件，这样可以使webOS设备能够轻易地做出接近iOS和Android设备的触摸滚动效果。 Enyo的架构 EnyoKernel、AJAX、DOM、Touch、UI。 Kernel模块为所有模块所依赖，其中主要包括对JavaScript语言本身的扩展和Enyo的Type系统。 AJAX模块实际上不仅仅是AJAX功能扩展，还包括JSON等AJAX相关的功能扩展。 DOM则是对HTML DOM API的简单封装和基本手势的支持。 Touch实际上包含了Scroll和Touch功能的结合，touch提供了各个层次的Scroll逻辑，既能够直接使用Scroller，又能用更为底层的ScrollMath和ScrollStrategy来定制自己的Scroll行为。 UI模块是Enyo提供的基本控件，这些控件的主要作用是生成对应的HTML代码。 加载系统 EnyoBoot模块可以用于加载Enyo的脚本以及注册全局命名空间。 这里Enyo 虽然很少用到，但这部分功能也暴露给了开发者，通过enyo.loader OOP系统 EnyoOOP的方式是Type+Component模式，这基本可以认为是Class和Object的别名。 Enyo的Type系统是Enyo提供的一种类型系统，一切Enyo框架内的组件都必须遵循Type系统来注册自己。 Component系统则是与Type系统密不可分的，任何Component都必须有自己的指定Type，Enyo正是通过这种方式保证模块化的。 以下是来自Enyo enyo.kind({ name: ”Hello”, kind: enyo.Control, components: [ {name: hello, content: Hello From Enyo, ontap: helloTap}, {tag: hr} ], helloTap: func