- 博客(16)
- 资源 (59)
- 收藏
- 关注
原创 使用jqMobi开发app基础:a标签的使用
a标签,在AFUI中添加了几个很特殊的属性。 data-transition表示panel如何出现,有一定的动画效果。 例如: data-transition="pop" 可以使用的参数有slide, up, down, flip, fade, pop, none,默认为slide data-persist-ajax="true
2014-01-24 09:33:25 6259 6
原创 使用jqMobi开发app基础:viewport指令
在移动app开发中会经常使用到viewport指令, ViewPort 标记用于指定用户是否可以缩放Web页面,如果可以,那么缩放到的最大和最小缩放比例是什么。ViewPort 标记的content值是由指令及其值组成的以逗号分隔的列表。 1 width和height指令分别指定视区的逻辑宽度和高度。可以使用一个以像素为单位的数字,也可以使用一个特殊的标记符号。 width指令使用de
2014-01-23 09:23:46 3289
原创 使用jqMobi开发app基础:注销页面的实现
注销其实可以使用一个基本的a标签。 例如我把登录和注销放在了底部导航条navbar中。 基本代码: 首页 登陆 注销 关于我们 js代码:function logoutFun()
2014-01-22 09:55:04 4202 2
原创 使用jqMobi开发app基础:HTML5 LocalStorage 本地存储
在开发app时,会经常用到HTML5 LocalStorage 本地存储相关的资料。例如记住用户名,原来是使用cookie,现在基本都改成了LocalStorage 。 使用LocalStorage 其实很简单,localStorage.setItem(key, value );设置值,localStorage.getItem(key)读取值。 可以使用的代码:LocalMobe
2014-01-20 09:57:33 4516 1
原创 使用jqMobi开发app基础:响应式布局介绍
在使用jqMobi开发app基础:Grid布局 中介绍了Grid布局,col2在大的屏幕上会显示为两列,col3会显示为3列,但如果屏幕小就会显示为一列,这就是响应式布局,也就是根据屏幕大小,动态改变css样式的一种布局。这种布局的关键字是@media 在af.ui.css文件中搜索media找到如下css样式:#afui .col2,#afui .col3,#afui .col1-
2014-01-20 08:43:51 4416
原创 使用jqMobi开发app基础:Toggle Switches开关按钮
在app开发中会经常使用到开关按钮。显示效果如下: 在jqMobi中实现也很简单。 实现上边的效果代码: 记住密码<label for="forgetPwd" data-on="On" data-off="Off">
2014-01-17 16:44:20 4197
原创 使用jqMobi开发app基础:Styled Lists布局
jqMobi中的页面布局不多,目前主要有Styled Lists,和Grid System两种布局。 Styled Lists是列表时布局,每一行只显示一条数据。 基本结构式使用ul并设置类属性为list,每一行一个标签例如: 需要显示的内容 需要显示的内容 需要显示的内容 显示效果
2014-01-17 08:46:01 4639 4
原创 使用jqMobi开发app基础:Side Menu
Side Menu作为内容左侧的导航菜单,对于内容很多的app来说很有用,可以通过滑动出现Side Menu,向右滑动出现Side Menu,向左滑动隐藏Side Menu。 Side Menu作为AF UI的一部分,并没有包含在appframework.ui.min.js中,因此为了使用 Side Menu必须包含相关插件的js。除了基础的appframework.js,appfr
2014-01-16 09:03:42 5016 1
原创 使用jqMobi开发app基础:panel属性data-defer介绍
panel作为最重要的UI之一,属性data-defer介绍很简单,官方介绍data-defer="filename.html" - This will load content into the panel from a remote page/url. This is useful for separating out content into different file
2014-01-15 09:29:33 7962 5
原创 使用jqMobi开发app基础:通过panel添加内容
完成了基本的页面布局,就可以使用panel添加内容了,添加的内容在标签div id="content"> 内部。 每一个panel其实就是一个div,但类属性是panel,每一个panel在智能设备上都显示为一个页面,有点像webform中的page,或者是winform中的form。都会展示为一个页面。也就是说如果在div id="content">的内部有很多panel,每次只能显示
2014-01-14 09:31:17 5315
原创 使用jqMobi开发app基础:定义footer
定义footer的方式和定义header方式基本一样,有三种方式 1定义公共的footer 也就是所有panel默认的footer,需要在div id="afui">内部,也就是和同一级的位置添加一个div,并且ID必须是navbar 例如: home Sketch
2014-01-13 10:43:37 4924 1
原创 使用jqMobi开发app基础:定义header
定义头部官方说有三种,这一种是公共的,两种自定义的。我经过测试,实际上还有第四种。 1定义公共的header, 也就是所有panel默认的header,需要在div id="afui">内部,也就是和同一级的位置加一个header 标签,并且id必须是header 例如: 协同办公平台header 返回
2014-01-13 09:00:42 7621 6
原创 jqMobi开发app页面注意事项
使用App Framework UI开发app页面,作为一名初学者犯了很多错误。因此把这些错误和注意事项记录下来,但因为是初学,理解可能有一定错误。 由于页面的基本代码结构如下: 首页 前后都很简单,只有中间部分又很短需要注意的,故再次只介绍中间部分的内容。 首先需要有一个di
2014-01-10 16:32:06 6713 9
原创 使用jqMobi开发app基础
app开发作为一种新的趋势,在app开发中有很多中框架,而appframework作为jquery mobel版的改进版,比jquery 更快,体积跟小,而且兼容各种设备,前端采用htm5。 使用appframework开发app,其实很简单。 定义简单的app App Framework single page
2014-01-10 14:30:47 10356 1
DB2维护手册
2015-11-20
NPOI依赖程序集
2013-11-07
NPOI程序集
2013-11-06
云龙软件绿化教程
2013-05-20
HTML5 参考手册
2013-03-29
正则表达式应用
2012-04-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人