Web Component是Web开发的未来。Polymer, X-Tag等Web Component框架也越来越热门，但由于其浏览器支持度不高，我们仍缺少将Web Component应用到专案中的机会。

但是，虽然Web Component的支持度不高，但并不代表我们不能在现有的项目中使用元件化开发思想。

Nova.js可以帮助我们在项目中使用Web元件化的方式进行开发，同时，支持行动端所有主流浏览器及PC端IE9+及其它主流浏览器。

NOVA.js 的特色

自定义元素

通过自定义元素的方式实现元件。可方便快速地定义元素的样式、模板、属性、方法、生命周期各阶段的行为。

Scoped CSS

编写自定义元素的CSS时无需担心影响外部元素，样式只会作用于元素及其内部，将你从命名的牢笼中解救出来。

双向绑定

通过MVVM模型，方便开发者快速关联元素的模板与属性，快速绑定事件, 无需过多手动地读写DOM节点来同步属性。

更多功能

Nova.js使用gzip压缩后仅12K，支持所有移动端浏览器和IE9+等主流PC浏览器。它还包含属性监听、方法切片、Behavior复用机制等功能。

Nova.js与Polymer、Vue.js的区别

与Polymer

Nova.js是根据Polymer设计而来。其主要区别有：

1. 支持度：Polymer移动端只支持到Android4.4，PC端的支持也与Import、Template等标准的支持度一样非常低。但是Nova.js已经可以支持所有移动端浏览器，PC端的IE9+和其它主流浏览器。
2. 体积：Polymer底层庞大，若在移动端想使用基于Polymer的一个元件，流量代价较高。而Nova.js在gzip压缩后只有12K。相对所有其它的MVVM架构，非常小巧精简。

与Vue.js

1. 定位：Vue.js的定位是Web应用框架。而Nova.js专注与元件开发。因此Nova.js元件的样式具有作用域、能方便定义元件模板。总而言之，开发元件更为方便。
2. 小： Nova.js的体积为Vue.js的一半以下。因此当使用者想简单引入一个元件时、使用Nova.js的代价也是更低的。

Nova.js的优势

Nova.js的主要优势就是小巧、专注于开发元件。现在有许多Web应用框架，如React、Vue.js、Angular等。但是它们的问题是太庞大。当我们想在一个很简单的页面（例如活动宣传页）中使用现成的元件时，如果还要引入React,Vue.js等框架的基础库，那么成本并不低。

使用Nova.js开发元件，不管未来页面使用的是什么Web框架，或者是一个简单的静态页面。都能引入小巧的元件。

Nova.js官网

NovaUI官网