前端基于jquery的UI框架-程序员宅基地

技术标签: ViewUI  ui  前端  javascript  

正在做的一个项目选择jquery作为前端js核心库。然后就想选一个基于jquery的ui库,然后悲催的事情发生了。

至于为什么使用jquery,一是因为不想为授权费用,而又不想引起可能法律纠纷;另一方面jquery也是所有最容易上手和流行的js库。

如果ext要用于商用就要付版权费,这个不行
dojo的文档实在是无语,虽然dojo很强大,但是入门门槛太高,学习曲线陡峭
至于其它的ui库组内也没人用过
于是就选了jquery

接下来找了几个基于jquery实现的ui库,大部分都是收费的,最终确定下来从easyui(后来听说easyui的授权许可与ext类似) ligerui和官方ui里面选一个
jquery ui的样式很难看,所以这次决定换一个别的ui库试试
easyui的layout嵌套有问题,怎么也解决不了,于是就决定使用ligerui。

ligerui的layout嵌套也有问题,不过我想了个办法绕过去了,会损失一些性能。
但是真正悲催的事情来了。

layout各个区域我试过了很多办法都加不上滚动条,center区域的div一通到底,有一部分跟bottom重叠了。grid的得到选择的数据行、添加数据等操作都不好使。而且各个组件提供的api与文档描述出入巨大,开放的api也不够丰富,方法和事件太少。

总之相当不好用,使用它就是噩梦。

最后终于在项目还没有进行太久的时候找机会重新使用jqueryui重构。

虽然jqueryui的样式太难看,但是它还是很好控制的,方法和事件也很丰富。样式难看可以找美工修改这不是大问题。
至于jqueryui没有的那些组件主要是tree、grid、layout、form、menu,前三个都在网上找到了专门的插件,后面两个准备自己实现。
tree推荐使用ztree,中国人自己开发的,网上评价很好,更新也很快。缺点是每次更新,api变化都挺大,一般不敢在项目中升级,否则恐怕要在用到ztree的地方改好多东西。
grid推荐使用jqGrid,大版本号已经升到4,搜索jquery grid、jquery datagrid排名第一,功能丰富,提供普通的datagrid treegrid和分组grid,还有分页条功能。
layout推荐使用jquery.layout。模仿ext的borderlayout实现,但是有很多差异。支持嵌套。样式比较难看,不过修改比较容易。

当时想图省事结果给自己找了大麻烦。

项目正在进入开发阶段之前,技术选型一定要做好,不能因为工期紧、压力大就草率为之。采用某个第三方组件之前必须关注下它的使用者都有哪些、文档丰富不丰富、授权协议、网上的评价如何。最后还要自己实现一些demo测试一下。否则可能会在开发过程中导致严重后果。
教训啊。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_33749131/article/details/85627284

智能推荐

JIRA 7.8 安装详解说明_atlassian-jira-software-7.8.1-x64-程序员宅基地

文章浏览阅读2.4k次,点赞4次,收藏2次。1、安装centos系统2、关闭防火墙 ---------systemctl stop firewall.service3、查看防火墙状态 --- firewall-cmd --state4、安装wget 包----------yum -y install wget5、安装java环境 yum -y install java-1.8.0-openjdk.x86..._atlassian-jira-software-7.8.1-x64

uni-app解决自定义导航栏,刘海屏的适配问题_uniapp适配刘海屏-程序员宅基地

文章浏览阅读6.6k次,点赞2次,收藏20次。uni-app在微信小程序上,自定义导航栏解决刘海屏的适配问题如果使用的是uni-app的自定义导航栏组件 uni-nav-bar 自定义导航栏,则设置 statusBar为true即可如果是自己写的自定义导航栏组件,解决刘海屏的适配问题,就是解决状态栏的高度问题,通过uni-app的接口来获取到当前设配的状态栏高度,并在组件中添加一个元素并设置高度为 获取到的状态栏高度;<template> <view class="music-head" :style="{color:co_uniapp适配刘海屏

2019KDD CUP | 2019国际知识发现和数据挖掘竞赛_international knowledge discovery and data mining -程序员宅基地

文章浏览阅读7k次,点赞2次,收藏4次。国际知识发现和数据挖掘竞赛[1](KDD-CUP)竞赛是由ACM 的数据挖掘及知识发现专委会(SIGKDD)主办的数据挖掘研究领域的国际顶级赛事。其中KDD的英文全称是Knowledge Discovery and Data Mining,即知识发现与数据挖掘。KDD Cup比赛由ACM协会的SIGKDD分会举办,从1997年开始,每年举办一次,目前是数据挖掘领域最有影响力的赛事。该比赛..._international knowledge discovery and data mining tools competition,

mysql将查询的结果导出到文件(excel、txt等)_mysql导出查询结果到文件-程序员宅基地

文章浏览阅读5.8k次。例如: SELECT * FROM (表名) INTO OUTFILE ‘C:/ProgramData/MySQL/MySQL Server 8.0/Uploads/test.txt’ CHARACTER SET gbk;5)如果sql查询出来的数据包含有很大的数值型数据,则在excel中这些数值数据可能会出问题,因此,可以先导出为.txt/.csv文件格式,再复制黏贴到excel文件中(首先设置单元格格式为文本)3)生成文件格式也可以是.txt/.xls/.csv。_mysql导出查询结果到文件

U-Boot 下使用 TFTP 刷新远程固件并设置网络环境-程序员宅基地

文章浏览阅读460次。U-Boot 下使用 TFTP 刷新远程固件并设置网络环境

SAP HANA数据库数据类型、函数用法、SQL语法-程序员宅基地

文章浏览阅读2.2k次。SAP HANA数据库数据类型、函数用法、SQL语法_hana数据库

随便推点

在虚拟机中安装docker_虚拟机安装docker-程序员宅基地

文章浏览阅读9.1k次,点赞6次,收藏30次。在虚拟机中安装docker_虚拟机安装docker

初始mach-o文件及在项目中应用-程序员宅基地

文章浏览阅读494次,点赞5次,收藏4次。本文字数:2250字预计阅读时间:15分钟01认识mach-o的必要性了解mach-o的结构可以帮助认识系统加载二进制文件的动态链接和静态链接。应用层面,使用initialize的c++函数计算启动时间耗时也需要以mach-o的结构知识为铺垫。还可以用在使用clang自注册启动任务上。后续会一一展开说明。02mach-o的定义mach-o是mach object的缩写,是存储程序或库的标准格式。a...

法线贴图的原理和实现-程序员宅基地

文章浏览阅读160次。本文出自:http://shiba.hpe.sh.cn/jiaoyanzu/wuli/showArticle.aspx?articleId=328&classId=4法线映射可以让由少量多边形构成的模型看起来像是由大量多边形构成的一样,无需添加更多的多边形。使用法线映射可以使表面(如墙壁)看起来更加富有细节和真实。展示法线映射的一个简单方法是模拟几何形状。要计算法线映射我们需要两个..._家具法线贴图的使用和原理、

vue商品秒杀倒计时-程序员宅基地

文章浏览阅读871次。今天做项目需要倒计时具体代码如下:showTimes(val) { let that = this; let interval = setInterval(() => { let nowTime = new Date().getTime(); let startDate = that.obj.endTime; startDate = startDate.replace(new RegExp('-', 'gm'), '/'); let startDate

[javascript]关于帧动画的操作_js逐帧动画-程序员宅基地

文章浏览阅读597次。使用css或者css+js实现帧动画。_js逐帧动画

【图像拼接】SIFT+RANSAC图像拼接与融合【含Matlab源码 3231期】-程序员宅基地

文章浏览阅读1.1k次,点赞27次,收藏12次。SIFT+RANSAC图像拼接与融合完整代码,直接运行,适合小白!可提供运行操作视频!

推荐文章

热门文章

相关标签