jQuery 原型技术分解
[ 2012-12-19 22:31:40 | 作者: admin ]
http://blog.csdn.net/pengju_guo/article/details/7210775
目录
jQuery 原型技术分解
起源 -- 原型继承
生命 -- 返回实例
学步 -- 分隔作用域
生长 -- 跨域访问
成熟 -- 选择器
2.2 jQuery 原型技术分解
任何复杂的技术都是从最简单的问题开始的,如果你被 jQuery 几千行庞杂结构的源代码所困惑,那么建议你阅读本节内容,我们将探索 jQuery 是如何从最简单的问题开始,并逐步实现羽翼渐丰的演变过程,从 jQuery 核心技术的还原过程来理解 jQuery 框架的搭建原理。
2.2.1 起源 -- 原型继承
...
阅读全文…
目录
jQuery 原型技术分解
起源 -- 原型继承
生命 -- 返回实例
学步 -- 分隔作用域
生长 -- 跨域访问
成熟 -- 选择器
2.2 jQuery 原型技术分解
任何复杂的技术都是从最简单的问题开始的,如果你被 jQuery 几千行庞杂结构的源代码所困惑,那么建议你阅读本节内容,我们将探索 jQuery 是如何从最简单的问题开始,并逐步实现羽翼渐丰的演变过程,从 jQuery 核心技术的还原过程来理解 jQuery 框架的搭建原理。
2.2.1 起源 -- 原型继承
...
阅读全文…
$.extend 用法
[ 2012-12-19 22:31:40 | 作者: admin ]
1、扩展Jquery静态方法
$.extend({
test:function(){
alert(11);
}
})
用法: $.test();
2、合并多个对象
var Css1 = {size:"10px"};
var Css2 = {size:"20px"};
$.extend(Css1,Css2);
alert(Css1.size);//结果20px;
如果不想破坏Css1;$.extend({},Css1,Css2);
3、深度嵌套对象
1// 以前的 .extend()
2 jQuery.extend(
3 { name: “John”, location: { city: “Boston” } },
4 { last: “Resig”, location: { state: “MA” } }
...
阅读全文…
$.extend({
test:function(){
alert(11);
}
})
用法: $.test();
2、合并多个对象
var Css1 = {size:"10px"};
var Css2 = {size:"20px"};
$.extend(Css1,Css2);
alert(Css1.size);//结果20px;
如果不想破坏Css1;$.extend({},Css1,Css2);
3、深度嵌套对象
1// 以前的 .extend()
2 jQuery.extend(
3 { name: “John”, location: { city: “Boston” } },
4 { last: “Resig”, location: { state: “MA” } }
...
阅读全文…
jqueryMobile框架结构
[ 2012-12-19 22:11:41 | 作者: admin ]
总页面框架:
引用js:
让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0:
详细的控件下面一一记录哈~~
>>>>>Toolbar:
| footer | navbar">
例:
data-role="header" data-position="inline">
Page Title
Options
主题样式:data-theme="a | b | c | d | e"
位置固定:data-pisition="fixed"
全屏样式:data-fullscreen="true"
返回按钮:data-rel="back"
反向过渡:data-direction="reverse"
按钮位置:data-role="button" class="ui-btn-right"
自定义导航菜单: class="ui-bar ui-bar-b"
例:
class="ui-bar ui-bar-b">
...
阅读全文…
引用js:
让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0:
详细的控件下面一一记录哈~~
>>>>>Toolbar:
| footer | navbar">
例:
data-role="header" data-position="inline">
Page Title
Options
主题样式:data-theme="a | b | c | d | e"
位置固定:data-pisition="fixed"
全屏样式:data-fullscreen="true"
返回按钮:data-rel="back"
反向过渡:data-direction="reverse"
按钮位置:data-role="button" class="ui-btn-right"
自定义导航菜单: class="ui-bar ui-bar-b"
例:
class="ui-bar ui-bar-b">
...
阅读全文…
jQuery Mobile 入门教程
[ 2012-12-19 12:14:21 | 作者: admin ]
http://mobile.51cto.com/others-277308.htm
jQuery Mobile提供了基于手机界面的控件样式,可以方便地让你开发出符合手机操作习惯的界面。比如较大的按钮等等。
使用jQuery Mobile需要应用jQuery Mobile提供的js文件和css文件,可以直接url链接引用或者下载到本地引用皆可。参见以下代码:
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script type="text/javascript" ...
阅读全文…
jQuery Mobile提供了基于手机界面的控件样式,可以方便地让你开发出符合手机操作习惯的界面。比如较大的按钮等等。
使用jQuery Mobile需要应用jQuery Mobile提供的js文件和css文件,可以直接url链接引用或者下载到本地引用皆可。参见以下代码:
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script type="text/javascript" ...
阅读全文…
网页自适应屏幕的设置方法
[ 2012-12-15 14:09:06 | 作者: admin ]
随着3G的普及,越来越多的人使用手机上网。
移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?
手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素。同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不是一件容易的事。
很多网站的解决方法,是为不同的设备提供不同的网页,比如专门提供一个mobile版本,或者iPhone / iPad版本。这样做固然保证了效果,但是比较麻烦,同时要维护好几个版本,而且如果一个网站有多个portal(入口),会大大增加架构设计的复杂度。
于是,很早就有人设想,能不能"一次设计,普遍适用",...
阅读全文…
移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?
手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素。同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不是一件容易的事。
很多网站的解决方法,是为不同的设备提供不同的网页,比如专门提供一个mobile版本,或者iPhone / iPad版本。这样做固然保证了效果,但是比较麻烦,同时要维护好几个版本,而且如果一个网站有多个portal(入口),会大大增加架构设计的复杂度。
于是,很早就有人设想,能不能"一次设计,普遍适用",...
阅读全文…
asp xmlhttp post和get
[ 2012-11-28 09:52:47 | 作者: admin ]
post
<%
Dim aa
aa=GetHttpPage("http://localhost/test1.asp?userid=1")
Response.Write(aa)
Function GetHttpPage(HttpUrl)
If IsNull(HttpUrl) = True Or Len(HttpUrl)<18 Or HttpUrl = "$False$" Then
GetHttpPage = "$False$"
Exit Function
End If
Dim Http
Set Http = server.CreateObject("MSXML2.XMLHTTP")
Http.Open "Post", HttpUrl, False
Http.setRequestHeader ...
阅读全文…
<%
Dim aa
aa=GetHttpPage("http://localhost/test1.asp?userid=1")
Response.Write(aa)
Function GetHttpPage(HttpUrl)
If IsNull(HttpUrl) = True Or Len(HttpUrl)<18 Or HttpUrl = "$False$" Then
GetHttpPage = "$False$"
Exit Function
End If
Dim Http
Set Http = server.CreateObject("MSXML2.XMLHTTP")
Http.Open "Post", HttpUrl, False
Http.setRequestHeader ...
阅读全文…
JavaScript 表单验证
[ 2012-11-28 09:33:57 | 作者: admin ]
<html>
<head>
<script type="text/javascript">
function validate_required(field,alerttxt)
{
with (field)
{
if (value==null||value=="")
{alert(alerttxt);return false}
else {return true}
}
}
function validate_form(thisform)
{
with (thisform)
{
if (validate_required(email,"Email must be filled out!")==false)
{email.focus();return false}
}
}
</script>
</head>
<body>
阅读全文…