- 博客(300)
- 资源 (59)
- 收藏
- 关注
原创 js面向对象编程:如何实现方法重载
js中如何实现方法重载?这涉及到三个问题1同名函数的调用问题2函数中特殊的参数arguments3如何利用arguments实现方法重载
2014-07-01 13:43:29 3346
原创 js面向对象编程:两个小括号的使用
在查看很多jQuery的过程中,经常遇到两个小括号的情况。例如: (function() { alert("测试1"); })(); (function() { alert("测试3"); }()); 其实这段代码,就是定义了一个匿名函数,并且进行了调用,相当于如下几行代码:(function ListCommon2(
2014-06-13 10:05:56 2565
原创 js面向对象编程:this到底代表什么?
在js中this的用法很让人迷惑,有些像Java或者C#中的this,但又不完全一样。按照流行的说法this总是指向调用方法的对象。 1、纯粹函数调用。 function ListCommon2(x) { this.x=x; alert("this 是 ListCommon2"+(this instanceof ListCommon2)); alert
2014-06-12 09:01:59 2754
原创 js面向对象编程: js类定义函数时prototype和this区别?
在面向对象编写js脚本时,定义实例方法主要有两种如下: function ListCommon2(afirst) { var first=afirst; this.do1=function () { alert("first do"+first); } } ListCommon2.prototy
2014-06-10 08:56:37 2071
原创 js面向对象编程: js类定义函数时用不用prototype的区别?
一直在使用js编写自以为是面向对象的方法,遇到一个问题,就是定义一个方法,如下: function ListCommon2(first,second,third) { this.First=function () { alert("first do"+first); } } ListCommon2.do
2014-06-09 14:46:42 1987
原创 js面向对象编程,单例模式的一个例子
/* DataParser singleton, converts character delimited strings into arrays. */ /* Now using true private methods. */GiantCorp.DataParser = (function() { // 私有属性 var whitespaceRegex = /\s+/;
2014-06-05 14:15:54 2161
原创 使用jqMobi开发app基础:弹出内容的设计
设计APP,由于屏幕很小,在PC网页山可以放在一体的内容,在APP中就不能放在一起了。 例如如下,项目出勤人员很多,需要弹出一个panel,然后让用户选择,如何设计呢?项目出勤panel的内容: <div id="shenqingxiangmuchuqing" title="申请项目出勤" class="panel" data-load="loadshenqi
2014-06-05 10:41:28 5556 10
原创 使用jqMobi开发app基础:Badge的使用
显示效果: 红色的部分就是Badge,可以用来显示数量或者是其他的信息。 使用其实很简单, $.ui.updateBadge("#" + id, res.Msg, "tr"); 第一个参数是需要显示的标签编号,第二个参数是需要显示的文字,第三个参数是需要显示的位置。bl - bottom lefttl - top leftbr - bottom ri
2014-06-04 13:43:47 2702
原创 ContentType是否区分大小写?
ContentType控制着web输出的类型,但是否区分大小写呢?例如: context.Response.ContentType = "application/json"; context.Response.ContentType = "application/Json"; 是否相同呢? 本来运行完全没有问题的代码,前台代码: $.ajax({ type:
2014-05-27 15:22:29 5146 1
原创 使用jqMobi开发app基础:Scrolling的使用,停止和继续拖动有关的问题
在使用Scrolling开发app的过程中,遇到了很多问题,demo给的例子是下拉永远有数据的情况,而我的数据是有限的,也就是下拉一定次数后,下拉实际上就没有新数据,也就是不需要再继续下拉了。当上拉刷新数据后,才可以继续下拉。本以为只需要添加一个判断就可以了,谁知道当下拉到没有数据后,再上拉刷新,然后下拉竟然下拉不了了!!具体代码参考http://blog.csdn.net/xuexiaodo
2014-04-15 11:18:09 4349 1
原创 使用jqMobi开发app基础:Scrolling的使用,拖动后大量空白的解决方法
在使用jqMobi开发app基础:Scrolling的使用,向上向下拖动,动态添加数据一文中,通过使用
2014-04-08 11:07:21 3294
原创 js面向对象编程,一个完整原型的继承例子
/* 基类*/var Person = { name: 'default name', getName: function() { return this.name; }};公共方法function clone(object) { function F() {} F.prototype = object; return new F;}
2014-04-02 09:30:03 1982
原创 js面向对象编程,一个完整的继承例子
父类function Person(name) { this.name = name;}Person.prototype.getName = function() { return this.name;}公共方法:function extend(subClass, superClass) { var F = function() {}; F.prototype
2014-04-02 09:29:25 2125
原创 js面向对象编程,一个具有各种方法,字段 完整的类
var Book = (function() { // 私有静态成员变量 var numOfBooks = 0; // 私有静态成员方法 function checkIsbn(isbn) { ... } // Return the constructor. return function(newIsbn, newTitle, newAutho
2014-04-02 09:28:57 1966
原创 使用jqMobi开发app基础:真的只能存在一个DOM吗?
研究jqMobi的demo,发现这个例子,所有的东西全在一个页面中,于是便认为使用jqMobi开发app,所有的内容都在一个HTML dom?难道真的不能分开吗? 不能像传统的网页开发那样,按照功能分成不同的HTML dom吗?由于资料很少,只有官方的demo可以参考,于是自己在思索这个问题。想不到最终却在jqeury mobile开发中找打了答案!! jqMobi中的pa
2014-03-19 09:07:29 3658 1
原创 使用jqMobi开发app基础:下拉select
jqMobi有一个专门处理select的插件af.selectBox.js,感觉很简单很简单,官方文档只是简单demo,没有详细说明。 简单的列子: OneTwoThree显示效果 由于是在浏览器中测试,有没有style="-webkit-appearance: listbox;"没发现有什么区别。 禁用需要加disabled例如:OneTw
2014-03-19 09:03:53 4449 3
原创 使用jqMobi开发app基础:使用 jQuery
如何在使用jqMobi开发app中使用jquery呢?由于jqMobi本身和jquery中的很多方法都是一样的,直接添加,肯定会冲突? 但由于jqMobi的插件很少,有时又不得不使用jquery,如何处理? 官网已有方法:添加jq.appframework.js,这个是把appframework.js变成了jquery的插件,自然就不会有冲突了。下载地址 需要注意添加顺序
2014-03-13 09:11:36 4258 1
原创 js面向对象编程,定义接口
// Constructor.var Interface = function(name, methods) { if(arguments.length != 2) { throw new Error("Interface constructor called with " + arguments.length + "arguments, but e
2014-03-12 15:17:29 2650 1
原创 js面向对象编程,定义类的四种方法
第一种定义类的方法:/* Anim class. */var Anim = function() { ...};Anim.prototype.start = function() { ...};Anim.prototype.stop = function() { ...};/* Usage. */var myAnim = new Anim();myAnim.
2014-03-12 14:41:32 2399 1
原创 ajax缓存导致的一个错误,使用时间戳完美解决
使用ajax读取数据已经很平常了,很久之前编写的一个软件,忽然就发现了问题。很奇怪,在火狐中没有错误,在IE中有错!!我知道是兼容性问题,但具体是什么问题还不是很清楚。 功能很简单,就是保存数据,展示。问题是:保存后,再打开展示的页面,数据没有变?在IE中有问题,在火狐中是没问题。于是自己使用IE调试,才发现,IE读取数据返回的304,显然是从缓存中读取的,不是从服务端读取的数据。知道
2014-03-10 11:06:30 2058
原创 使用jqMobi开发app基础:panel之间的跳转方式总结
使用jqMobi开发app,panel之间的跳转方式。根据当前页面的不同展现方式,主要有三种跳转方式。 1当前页面是弹出的,关闭当前页面2当前页面不是弹出的,可以使用a标签3使用 $.ui.goBack() 1当前页面是弹出的,关闭当前页面 例如登录页面因为使用了modal="true",因此是弹出的,再登陆成功后,只需要关闭弹出窗体就可以返回到以前的页面。
2014-02-14 09:25:08 7028 8
原创 使用jqMobi开发app基础:页面传值方式
PC版的web程序两个两个页面之间的传值方式主要有,cookie,查询字符串,还可以通过服务端的session来交换数据.但app的传值方式呢? 由于app基本都是单页面的方式,查询字符串这种方式似乎行不通了,至少目前个人还没有见到这种例子.
2014-02-07 09:07:52 6746 15
原创 使用jqMobi开发app基础:panel之间的跳转方式
PC端的web程序有很多种跳转方式,但使用jqMobi开发app页面之间如何跳转呢? 还可以使用传统的a标签吗? 分析jqMobi的demo,发现所有的页面都写在一个页面中,似乎也只能在这一个页面中跳转? 使用panel属性data-defer把页面分开后,如何跳转呢? 例如:一个列表页面list.html,单击某一条就跳转到详细信息页面。如何实现呢?
2014-02-07 09:07:32 6004 2
原创 使用jqMobi开发app基础:Scrolling的使用,向上向下拖动,动态添加数据
官网上Scrolling写的很简单。但自己要使用,却得试验很多次。 例如要实现如下简单的功能:也就是动态加载数据,不管用户向上拖动还是向下拖动,都动态加载数据。 第一步自然是研究demo了。demo一开始就有很多内容。对应的脚本也很简单: var myScroller;
2014-02-07 09:05:50 7961 9
原创 使用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 4201 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 4515 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 4196
原创 使用jqMobi开发app基础:Styled Lists布局
jqMobi中的页面布局不多,目前主要有Styled Lists,和Grid System两种布局。 Styled Lists是列表时布局,每一行只显示一条数据。 基本结构式使用ul并设置类属性为list,每一行一个标签例如: 需要显示的内容 需要显示的内容 需要显示的内容 显示效果
2014-01-17 08:46:01 4638 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 5015 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
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关注的人