JavaScript UI选型及Jquery EasyUI使用更说

最近是因为路要,对js
UI作了有简便的了解与运,有友好的有的设法,在这里留下个记录。

  当然,我之专注点在管理体系的限定外,所以互联网网站与另外形态的采用这里不提及,所以jQuery
UI和Bootstrap类的js库不会见提及。

  一、JavaScript UI选型

  由于店里一般只有“美工”,没有前者人员,所以一般是程序员兼职前端,所以一般会寻找一个好用都意义全的js
UI框架(当然,还有免费),这样页面基本就毫无花太多功夫了。

  我们了解及之有盖这么几单js UI 框架:EXT
js(http://www.sencha.com/),jQuery
MiniUI(http://www.miniui.com/),jQuery
EasyUI(http://www.jeasyui.com/index.php),还有博客园谢略的jQuery
LigerUI(http://www.cnblogs.com/leoxie2011/)。

  EXT js

  优点:发展时增长,组件和功能丰富,效果表现,使用的人数大多,有正规组织维护。

  缺点:由于组件太多、功能最好丰富,导致重叠,体积大,响应速度慢,收费。

  jQuery MiniUI

  优点:基于jQuery的轻量级UI,组件较丰富,性能及效用还还对,有正规组织开发同保安,国产。

  缺点:收费,收费比较高;使用的人不多。

  jQuery EasyUI

  瑜:轻量,组件较为丰富,效果还好,版本现已趋于稳定,官方发专人保护及技术支持。

  缺点:部分零件功能不太长,有微量兼容性问题,性能有来纤维问题。

  jQuery LigerUI

  优点:轻量级,组件比较丰富,开源。

  缺点:效果小欠缺,文档不绝到,个人开支,版本升级跟保障比较缓慢。

  最终我们选定jQuery
EasyUI
,虽然效果未绝咸,但是当轻量级UI里,它与MiniUI、LigerUI各方面实际上都以同等级别,抛弃MiniUI的严重性因是收费,据说价格还未低……我们怕不缴费,就没技术支持,会发题目,而且一般用MiniUI的群落不大(估计为与收费有关);LigerUI其实也对,但是UI效果还稍有头欠缺,而且是作者一个人口保护,虽然开源,但是各类用户以及爱好者提交的问题好像也未丢掉,作者一个丁也许很麻烦应付得回复。

  接下还详尽说说jQuery
EasyUI
,经过好几年之腾飞,现在底安定团结版本已经是1.3.3了,共有30多只零部件,基本涵盖了日常应用系统里会就此到之持有组件,文档和Demo都还比全面和增长,提供对应的扩张接口,方便扩展;而且创新为比较频繁,国内用户还算不丢,而且为发生官方论坛,版主回复也异常认真和这,一般问题都能够让搞定,不过本已经收费,好以非算是太贵($449)。

  适用场景:需要迅速开对UI和属性要求未是特意强之的中小型应用体系。

 

  老二、接下还吐槽一下采用过程被相遇的题目吧

  1.布局Layout
也算EasyUI的相同死特点功能了,可是小效果缺失失,比如某个layout在结束起来后,title不克显示,收起和进展动作稍显不平易(这实质上是EasyUI框架的题材了,所有组件都起同一题目);

  2.DataGrid挺好用,但是大数据量和编排状态的习性比不同,特别是IE下;

  3.Tabs里之content和href方式各出题目,用content方法打开iframe,会发性问题,且看似dialog和messager的窗口不可知于框架页弹出,只能当iframe页面范围外;href方式同其他第三正js插件一般发生兼容性问题,而且href是因资源的形式,将href的页面引用至父页面,这要以对页面元素命名时,要全局考虑,整个站点不克重名;

  4.组成部分浏览器下渲染效果了缓,有时候会看还并未渲染完成的页面效果,体验不顶好;

  5.文档不顶详细,部分零件的靠关系描述得无明了,部分方法的施用方式为简要,用户以查看了文档后,往往还亟需看另外的demo才能够懂;

  6.ValidateBox产生成百上千题目,老是在匪拖欠证的下失去举行说明,错误提示在页面边缘时见面叫屏蔽;

  7.片段零部件缺失,如:富文本编辑器;部分零件功能未敷长,如:DateBox;

  8.浏览器兼容性问题还有微量。

 

  EasyUI相关资源:

  jQuery EasyUI中文社区:http://bbs.jeasyuicn.com/forum.php

  WebUI框架使用参考:http://www.easyui.info/

  韩迎龙(Kencery):http://www.cnblogs.com/hanyinglong/tag/easyUI/

  雪雁:http://www.cnblogs.com/codelove/tag/Jquery%20EasyUi/

  萧秦:http://www.cnblogs.com/xqin/tag/easyui/

  疯狂秀才:http://www.cnblogs.com/hxling/