JavaScript UI选型及Jquery EasyUI使用经验谈
原文地址为: 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/
转载请注明本文地址: JavaScript UI选型及Jquery EasyUI使用经验谈
JavaScript UI选型及Jquery EasyUI使用经验谈相关推荐
- 用户界面框架jQuery EasyUI示例大全之DataGrid(1/4)
2019独角兽企业重金招聘Python工程师标准>>> <jQuery EasyUI最新试用版免费下载> jQuery EasyUI致力于帮助web开发者更轻松的打造出功 ...
- JQuery EasyUi之界面设计——前言与界面效果(一)
为什么80%的码农都做不了架构师?>>> 如果冯巩的开场白是"观众朋友们,我想死你们了",那么我的开场白是"最近一直很忙,很久没有发文了" ...
- 用户界面框架jQuery EasyUI示例大全之DataList
<jQuery EasyUI最新试用版免费下载> jQuery EasyUI致力于帮助web开发者更轻松的打造出功能丰富并且美观的UI界面.jQuery EasyUI提供了基于当下流行的j ...
- JQuery EasyUI后台UI框架使用连载
在正式了解 jQuery EasyUI 之前,我们先了解一下什么是 jQuery EasyUI.它的学习条件.市场上的同类产品.所支持的浏览器等.然后配置运行 jQuery EasyUI. 一.什么是 ...
- jquery EasyUI导入js顺序
2019独角兽企业重金招聘Python工程师标准>>> 1,引用Jquery的Js文件 代码示例: <script src="jquery-easyui-1.3.4/ ...
- JQuery EasyUI学习框架
前言 前端技术,新项目的开发拟使用EasyUI框架(基于EasyUI丰富UI组件库),项目负责人的提示EasyUI分配给我这个任务.发展前,我需要这对于一个新手EasyUI框架学习一些基本的入门.记录 ...
- 富有客户端技术之——jQuery EasyUI
在B/S开发中页面制作涉及HTML.CSS.javascript等技术,我们随掌握相关技术,但实际开发中页面美化特别是样式设计一直困扰着我们.怎样更好.更快的设计美观.专业.时代性的页面呢?JQuer ...
- jquery easyui 操作总结
2019独角兽企业重金招聘Python工程师标准>>> src:http://lhdst-163-com.iteye.com/blog/1707232 1.dialog Java代码 ...
- 给Jquery easyui 的datagrid 每行增加操作链接(转)
http://www.thinkphp.cn/code/207.html 通过formatter方法给Jquery easyui 的datagrid 每行增加操作链接 我们都知道Jquery的Easy ...
最新文章
- pytorch dataloader num_workers参数设置导致训练阻塞
- Class对象和Java反射机制
- Spring Boot Redis 入门
- 后缀自动机序列自动机综合
- openresty开发系列4--nginx的配置文件说明
- Nginx 常见问题解决
- 虚拟磁盘类型_一起来了解一下Window10系统中虚拟硬盘的相关操作
- TransactionScope 分布式事务
- 5怎么选国外节点_外卖包装怎么选?这5个技巧要掌握
- C++手写快读详解(快速读入数字)
- 为什么中国学生会越学越呆?
- putty 使用perm密钥文件登陆堡垒机
- Java5线程并发库之同步集合
- Java中的Native方法实现(C++)
- feedsky rss更新
- 股票实时行情数据有哪些分类?
- KEIL expected an identifier
- 万字长文!终于讲透了Python中的多线程和多进程!
- 无刷电机和有刷电机对比
- HPC应用软件安装《hmmer》