LUNGO 框架八大优点及心得分享

Lungo是一款面向未来的，跨设备的web框架，是移动版ExtJs。基础js库为quo.js，框架的作者与基础库的作者同属一个团队，采用单页面的设计，技术上大幅度使用HTML5，但兼容性上是差的，移动版浏览器基本上只有Chrome可以展示全部功能，其他浏览器要不有些特性不支持，要不就是支持得不好导致走位。但我觉得它依旧有好多地方引起了我的思考，值得学习的地方不少，其中我略为阐述几点先进的地方：

1.采用单页面设计

优点：切换内容页，不需要再另起一页，只需要隐藏当前页的内容块，将新内容块显示出来，减少了css、js和图片的重复加载，

框架支持异步获取内容块，无需将整站的内容块在首次加载时就加载完毕。

2.不使用图片

优点：采用font-face来呈现图标icon，是网站加载的速度更快。但这个特性在UC浏览器不支持，Android原生浏览器显示效果没

chrome好。

3.技术连贯

优点：框架的基础库quo.js作为框架的基础库，这个库其实在为框架做了修改的，已达到与lungo.js的无缝配合，因为都出自同一个 团队，代码保持相对优雅。quo.js是类jq库，但不是重复造轮子，其不做任何兼容旧IE的部分，在库的实现上，选择器的设计、对事件的扩展都不同的，其最大卖点是在事件机制融合了手势事件。而Lungo.js可以继承其丰富的手势事件。而lungo.js也有自己的事件机制，使用好方便，其设计可以值得借鉴的，这里不多说。

4.采用Data-set驱动生成HTML

优点：用data-set标记html标签，框架就能渲染成相应的html部件，我们不用写太多重复的代码，只需要编写简单的html代码。

5.采用css3

优点：不管框架的布局，到转场的效果都采用css3，效果的消耗的性能较少。

6.采用HTML5

优点：采用原生的浏览器的技术，不管是表单控件，还是标签的使用，都使用了。而且在表单控件的呈现做了一些样式处理，让控件更协调，更像是一套专业的UI，这个结合了css3。

7.融合了一些常用的功能

优点：对图片的滚动，纵向，横向的滚动。还有手指横拨图片的功能都有对应的js API供你使用，配套了对话框，可以自定义，扩展性比较好，icon的数目很多，应该够使用了，pull-down向下拉刷新的效果也做了(类似微博)。

8.代码的书写采用coffeescript

优点：写比较简洁的代码，最后通过node.js的编译引擎解析成相对应的js，整个框架，作者都通过coffeescript写，包括基础库quo.js，这个让我见识了一把。

下面，我将会将自己的学习心得分享出来，主要有4点：

1. 介绍框架涉及到的data-set进行解析

2. 专门介绍data-set在渲染中起到的作用，对使用前与框架初始化后的html对比

3. 框架中设定的一套样式库是如何工作与使用的

4. 提出在使用期间应该注意的东西

本文来源 我爱IT技术网 http://www.52ij.com/jishu/5034.html 转载请保留链接。