jQuery ui框架很多,除了官方提供的jquery UI(如果你还不知道什么是jQuery UI,请看下载了jquery ui后如何使用),还有很多第三方提供的ui框架,因官方提供的jquery ui框架体积较大,所以很多人都不喜欢用,但不论是官方提供还是第三方提供,他们都是基于jquery核心类库实现的ui框架。
1、jQuery Smart UI
官网地址http://smartui.chinamzz.com JQuery Smart UI是基于JQuery的Ajax开发的一个jquery ui框架,实现前、后台分离、功能和数据分离,UI层全部使用htm+js+json完成,通过一个统一数据接口与服务端进行数据交换。下载地址http://dl.dbank.com/c0dxum4xi9
2、Liger UI框架
官网地址http://www.ligerui.com/, LigerUI是基于jQuery开发的一系列控件组组成的jquery ui框架,包括表单、布局、表格等等常用UI控件 使用LigerUI可以快速创建风格统一的界面效果,下载地址http://ligerui.googlecode.com/
3、DWZ富客户端框架(jQuery RIA framework)
地址http://code.google.com/p/dwz/,DWZ富客户端框架是中国人自己开发的基于jQuery实现的Ajax RIA开源jquery ui 框架. DWZ富客户端框架设计目标是简单实用、扩展方便、快速开发、RIA思路、轻量级。DWZ支持用html扩展的方式来代替javascript代码, 基本可以保证程序员不董javascript, 也能使用各种页面组件和ajax技术. 如果有特定需求也可以扩展DWZ做定制化开化.国内很多程序员javascript不熟, 大大影响了开发速度. 使用DWZ框架自动邦定javascript效果. 不需要开发人员去关心javascript怎么写, 只要写标准html就可以了. DWZ简单扩展了html标准, 给HTML定义了一些特别的class 和attribute. DWZ框架会找到当前请求结果中的那些特别的class 和attribute, 并自动关联上相应的js处理事件和效果.DWZ基于jQuery可以非常方便的定制特定需求的UI组件, 并以jQuery插件的形式发布,下载地址http://code.google.com/p/dwz/downloads/list
4、angela UI
官方地址 http://code.google.com/p/angela/,angela UI 是基于jQuery的UI,最新版本0.7.1,新增tree, grid, scrollBar, tip等,服务器开启gzip压缩,jquery.angela.min.js:30KB,jquery.angela.min.css:6KB。示例下载包http://angela.googlecode.com/files/angela_0.7.1.zip
以上是目前知道的几个jQuery UI框架,如何还有其他的框架请留言,这里是官方的jquery ui的下载地址请点击此处,jquery ui下载
参考博客
http://blog.csdn.net/jiweigang1/article/category/890878/2
http://blog.163.com/zcy4123@126/blog/static/155255877201251402039271/
开始转型做HTML5移动开发
CSDN:你是什么时候开始转型做HTML5移动项目开发的?目前作品有哪些?
张慧华:大概去年11月份,公司要在绿色建筑能耗和碳排放软件的Web基础上开发一套手机离线App版本,主要包括数据采集、计算(能耗、碳排放、改进建议、改进成本,改进后能耗、碳排放等等)和上传同步到服务器。
因为考虑到要支持iOS、Android和Window Phone等平台,所以就考虑用HTML5做跨平台解决方案。刚开始用jQuery Mobile开发了一个版本,大概有几百个字段,卡的不行,特别是安卓下面特别卡,于是就开始换Sencha Touch。
目前开发了两款HTML5行业应用软件,主要是 Sencha Touch + PhoneGap (HTML5 + 离线数据存储应用)。现在都已经用于生产环境,并发布到App Store,有兴趣的朋友可以下载看看(应用一: 下载地址应用二: 下载地址)。
CSDN:能不能就其中一个项目分析下项目源码,分享HTML5如何开发,调试和最终发布到App Store的过程?
张慧华:以这个plug-heat-bleed-calculator项目为例(Sencha Touch),代码MVC结构,从app.js入口开始。
在Sencha Touch标准版本基础上,做了以下调整:
- 扩展Sencha Model类validations验证,实现自定义表单验证
- 添加自定义表单组件SegmentedField,用法如下:
1
2
3
4
5
6
7
8
9
10
11
12
|
{ xtype: 'segmentedfield' ,
name : 'builtForm' ,
label: '二手房类型' ,
required: true ,
options: [
{value:1, text: "楼房" },
{value:2, text: "平房" },
{value:3, text: "公寓" },
{value:4, text: "复式" }
]
}
|
- 修正Sencha Touch chart图表使用渐变效果后,legend 颜色消失问题
平板和手机自动判断区分界面布局:
Tablet界面展示
Phone界面展示
相关推荐
根据调查得知,现在市场中的UI框架差不多40个左右,不知大家都习惯性的用哪个框架,现在市场中有几款UI框架稍微的成熟一些,也是大家比较喜欢的一种UI框架,那应该是jQuery,有部分UI框架都是根据jQuery研发出来的...
这个24小时订单分析和公司做的项目很贴近,如果有兴趣的可以下载看一下,真的很有帮助,EasyUI框架也是当下用的还算多的一个前端框架,有兴趣的可以先找我...(2)layui是提供给后端开发人员最好的ui框架,基于DOM驱动
xhtml jQuery几个经典案例,有jQuery UI 和 jQuery ZOOM. 还有一些框架示例
QUI 框架是目前所有同类产品中最漂亮的前端框架,拥有上百套美观的、风格各异的皮肤模板供选择, 还包含十几种不同的导航架构,为用户提供整体的前端系统解决方案。这是其他任何框架所不具备的,其他框架仅仅是组件...
与国内目前已经出版的同类书相比较,本书具有以下几个独有的特点: 基于jQuery的最新版本撰写,完美地展现了jQuery最新版本的功能和特性。 内容全面、丰富、翔实,不仅由浅入深地讲解了jQuery的所有必备基础知识...
但是,如果您正在寻找基于VanillaJS且与拖放无关的实现,则可以发现自己浏览了几个小时,发现只有几个一致的选项。 是一个不错的选择,尽管与jQuery UI相比提供了一些关键的行为更改。 提供的功能类似于jQuery UI...
使一个Dom对象成为一个Jquery对象很简单,通过下面一些方式(只是一部分): 代码 var a = $("#cid"); var b = $("<p>hello</p>"); var c = document.createElement("table"); var tb = $(c); 编辑本段代替body...
CoreUI-基于Bootstrap 4和无jQuery的纯JavaScript构建的开源UI组件库。 请帮助我们进行。 提前致谢! CoreUI是建立在Bootstrap 4之上的开源UI套件。CoreUI是为任何平台,...有几个选项: 克隆回购 $ git clone http
7、使用单个或少数几个窗体时,可分别定义单独的GooPanel类对象;当使用多个窗体时或者在随时可能增减窗体的情况下时,就可用到GooPanelManager管理类 8、使用GooPanelManager管理类时,STICK功能状态(即把窗体固定在...
这个monorepo包含几个组合成igniteui-cli软件包: 包 描述 地点 包含cli工具的核心功能 包含Angular组件的模板定义 IgniteUI CLI实现与Angular CLI的原理图引擎一起使用 适用于React,jQuery和Angular的独立...
基于jquery ui框架,能提供丰富的js特效,制作各类需求的报表系统,分类汇总统计等功能,清单列表页面和内容填写页面,采用分离的函数页面编写,大大精简了前台html的代码维护工作量,只需要维护几个页面代码,就能...
PS:但是如果你引用了最新jquery ui框架的话backgroudColor,color之类的属性也可以实现渐变了。 PS:使用 “+=” 或 “-=” 来创建相对动画(relative animations)。 首先依然要引用jquery框架,你懂得。 再来看看
jsPlumb是一个强大的JavaScript连线库,它可以将html中的元素用箭头、曲线、直线等连接起来,适用于开发Web上的图表、建模工具等。它同时支持jQuery+jQuery UI、MooTools和YUI3这三个JavaScript框架,十分强大
我现在已经在几个项目中使用了它,它似乎非常可靠。 ##Tablet or Phone UI 有两个导航界面(平板电脑和手机)。 环境 界面 app.useTabletUI=true 面向平板电脑的滑出式导航面板,无后退按钮 app.useTabletUI=...
jQuery UI,主要由功能丰富、高性能的 UI 控件/小部件组成,例如各种图表、数据可视化地图、(分层的、可编辑的)数据网格、透视网格、增强的编辑器(组合框、屏蔽编辑器、HTML 编辑器、日期选择器,仅举几例)、...
jQuery 是个宝库,而 jQuery 的插件体系是个取之不竭的宝库,众多开发者在 jQuery 框架下,设计了数不清的插件,jQuery 的特长是网页效果,因此,它的插件库也多与 UI 有关。 webdesignledger.com 网站推选了2009...
尽管只有10kb(gzip压缩后),Bootstrap却仍是最完备的前端工具箱之一,提供了几十个全功能的随时可用的组件。 定制的jQuery插件 一个出色的组件设计岂能没有易用易扩展的人机界面?Bootstrap为此提供了定制的...
本项目使用了Struts2+Hibernate3框架技术, 同时使用Oracle数据库技术,...注:此项目只是为了实现特殊的几个功能,故部分功能因时间原因暂未实现,如删除功能,点击标题查询功能,不过整体看来这个项目还是有很多学习之处的!
自2013年以来, 一直通过连续生产使用T3中采用的方法,这些方法经过了,在那里我们将T3与jQuery,jQuery UI以及其他一些第三方库和框架一起使用。 框架设计 T3与大多数JavaScript框架不同。 它只是整个体系结构的一...
创造者Cloud App用户界面标记-HTML5 CSS框架-Tailwind CSS Javascript框架-jQuery,jQuery UI,jQuery Modal 在Google Chrome浏览器中,屏幕分辨率保持为375x812px。 几点- 菜单底下的灰线位于屏幕中央,但是由于...