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">
...
阅读全文…
数据库高并发的经验分享
[ 2012-12-19 13:56:38 | 作者: admin ]
主要是针对数据量很大,和并发访问量高的时候
经验一:
在开发过程中,我们经常会写
SELECT * FROM table WHERE 1 ORDER BY xxx DESC LIMIT 0,10
这样的语句用来分页
在有完美索引的情况 对xxx建立索引
前面几页会很快,但如果数据量达到100万级以后,我们查询最后一页
SELECT * FROM table WHERE 1 ORDER BY xxx DESC LIMIT 999990,10
这句执行就会很慢,同时有多人访问服务器就会掉(这里不考虑缓存,因为内容更新太快,有时候缓存了达不到数据的更新的要求)
但如果我们把
SELECT * FROM table WHERE 1 ORDER BY xxx DESC LIMIT 999990,10
换成
SELECT * FROM table WHERE 1 ORDER BY xxx ASC LIMIT 0,10
...
阅读全文…
经验一:
在开发过程中,我们经常会写
SELECT * FROM table WHERE 1 ORDER BY xxx DESC LIMIT 0,10
这样的语句用来分页
在有完美索引的情况 对xxx建立索引
前面几页会很快,但如果数据量达到100万级以后,我们查询最后一页
SELECT * FROM table WHERE 1 ORDER BY xxx DESC LIMIT 999990,10
这句执行就会很慢,同时有多人访问服务器就会掉(这里不考虑缓存,因为内容更新太快,有时候缓存了达不到数据的更新的要求)
但如果我们把
SELECT * FROM table WHERE 1 ORDER BY xxx DESC LIMIT 999990,10
换成
SELECT * FROM table WHERE 1 ORDER BY xxx ASC LIMIT 0,10
...
阅读全文…
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" ...
阅读全文…
1