知识分享

小巧易用的WEB COMPONENT框架NOVA.JS,让网站元件化开发更简单。

发表日期:2020-10-9 17:37:09 文章编辑: 浏览次数:61

Web Component是Web开发的未来。Polymer, X-Tag等Web Component框架也越来越热门,但由于其浏览器支持度不高,我们仍缺少将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官网


标签: 框架 网站建设
将文章分享到..
相关新闻
全新新闻
随机新闻
最新网站设计案例
Hi,我来帮您!