浏览模式: 普通 | 列表
12月, 2012 | 1

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 起源 -- 原型继承
...

阅读全文…

$.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” } }
...

阅读全文…

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">
...

阅读全文…

数据库高并发的经验分享

[ 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
...

阅读全文…

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" ...

阅读全文…
1