博客园_一剑飞虹

mysql主从同步操作,及队列设计

2012-02-25T04:28:00Z

1.mysql主从同步操作
参考搜索文章:
http://7056824.blog.51cto.com/69854/400642
http://lymrg.blog.51cto.com/1551327/696132
http://tech.it168.com/a2009/0526/577/000000577322.shtml
http://www.aslibra.com/blog/read.php?1038
http://www.cnblogs.com/yuanermen/archive/2010/08/11/1797206.html
http://www.linux521.com/2009/database/200901/170.html
http://www.xuephp.com/main/detail.php?type=database&cid=16894

主库:
1> my.cnf
log-bin=master-bin 二进制文件的名字,开启二进制日志
log-bin-index=master-bin.index 正在使用的二进制文件的索引目录
binlog-format=maxed
server-id=1

binlog-do-db = yourdb 需要备份的数据库名，如果备份多个数据库，重复设置这个选项即可(据说是危险的)
binlog-ignore-db = mysql 不需要备份的数据库苦命，如果备份多个数据库，重复设置这个选项即可

2> server mysqld restart
3> 检测修改是否有效
mysql>show master status; 不应为空
mysql>show variables like 'log_bin'; 不应为NO
mysql>reset master; (清除日志文件)
mysql>show master logs;
4> 添加同步用户
mysql>GRANT REPLICATION CLIENT,REPLICATION SLAVE ON *.* TO repl@'192.168.1.%' IDENTIFIED BY 'passwd';
mysql>FLUSH PRIVILEGES;
5> 上锁
mysql> FLUSH TABLES WITH READ LOCK;
6> 同步现有的数据库
tar -zcvf /tmp/mysql-yourdb.tar.gz ./yourdb
scp mysql-yourdb.tar.gz root@192.168.1.103:/tmp/mysql-yourdb.tar.gz
7> 解锁
mysql> show master status;
mysql-bin.000002 | 106 |
记录该值。以后设置从服务器时需要使用这些值。
它们表示复制坐标，从服务器应从该点开始从主服务器上进行新的更新。
mysql> unlock tables;

从库:
1> 复制原库数据
service mysqld stop
tar -zxvf mysql-yourdb.tar.gz 注意解开之后的目录权限.
2> my.cnf
server-id=2
3> 测试主库连接
mysql -urepl -h 192.168.1.105 -P 3306 -ppasswd
不通时检查网络,端口.(iptables)
3> 启动从库
mysql>change master to
master_host='192.168.1.105',
master_user='repl',
master_password='passwd',
master_port=3306,
master_log_file='mysql-bin.000002',
master_log_pos=106,
master_connect_retry=30;
4> 启动复制进程
mysql> START SLAVE;
5> 检查状态
mysql> show slave status \G;
上面出现： Slave_IO_Running: Yes 和 Slave_SQL_Running: Yes 表示复制正常

2.同步过程
http://www.diybl.com/course/6_system/linux/Linuxjs/2008108/149090.html
客户端--D->主库sql--A->主库binlog--B->从库relay-log--C->从库sql.
如果从库也开启binlog,则还可以继续级联同步下去.
mysql的同步过程是异步的,从库可以在任意时间开启,继续之前的同步.日志队列可以保证不会错过一条语句.
从库在线时,这个异步过程还是相当的快的.因为主库有更新时,会通知从库来取日志,而不是从库定时刷新主库.
A应该是原子性的,B,C的操作使数据达到最终一致性.
B,C出错时,同步过程会停止,等待人工干预.
D,C执行的是一样的语句.为了达到分布式执行的效果,mysql在主从两台机器上都写了日志文件.
简化,独立了B的操作,B只要完成binlog到relay-log的过程就好了.

3.队列设计
1> 日志文件单向增长
log-bin-index 日志文件索引
mysql-bin.000002 某日志文件
pos 坐标
从库按参数 master_log_file='mysql-bin.000002',master_log_pos=106, 来定位从队列的哪个位置开始读取数据.
对relay-log也是一样的定位.
3> 日志清理
http://www.jzxue.com/shujuku/mysql/201102/22-6298.html

本文链接

花瓣采集js解析

2012-01-17T08:04:00Z

第一步：收藏夹段js

javascript:void(function(d,a,c,b){a[c]&&typeof a[c].showValidImages=='function'?a[c].showValidImages():(b=a.createElement('script'),b.id='huaban_script',b.setAttribute('charset','utf-8'),b.src='http://huaban.com/js/pinmarklet.js?'+Math.floor(+new Date/1E7),a.body.appendChild(b))}(window,document,'__huaban'));

如果js已经加载，就运行showValidImages()的方法。
没有，则加载js:http://huaban.com/js/pinmarklet.js
对a标签下的img能识别出来。

第二步：提取pinmarklet.js
把线上的js保存到本地huaban.js。
43K,一千多行的代码，经过初步的压缩。
从第一步的效果看，功能是遍历页面，组装成采集页面，再提交采集。

线索：变量"__huaban" var global="__huaban";
document[global]._loaded=!0,
document[global].showValidImages=showImagesAndInitPinBtn

_loaded 初始化标记。

线索：showValidImages方法。
document[global].showValidImages=showImagesAndInitPinBtn

方法1：showImagesAndInitPinBtn 字面意思明显。很好的命名。
var a=getCurrentPageImagesWithEncapsulation();
showImages(a),initPinBtn(a),window.scroll(0,0)
a的数据结构：

w=242 h=284 src=http://s4.42qu.us/img/jpg/book/3.jpg img=[object HTMLImageElement] alt= img2=[object HTMLImageElement] _parentNode=null
[{container:c,w:b.width,h:b.height,src:b.src,img:b,description:e+(d&&d.innerText||""),img2:b}]

方法2：getCurrentPageImagesWithEncapsulation
参数初始
var _document=d||document;eImages=eImages||[],opts=opts||{};
遍历img

for(i=0;i<_document.images.length;i++){
var img=_document.images[i];
//alert(img);//[object HTMLImageElement]
}

isValidImage(img)&&(img=encapsulateImage(img),opts&&(img._parentNode=opts.parentNode||null),eImages.push(img))

function isValidImage(a){return a.style.display=="none"||a.className=="ImageToPin"||a.width<100||a.height<100?!1:!0}

如果img上加上class ImageToPin,就可以跳过被花瓣抓的命运。:)

getVideoOnCustomerPage(_document,eImages);
一些视频的处理。

eImages.push(img)

遍历背景图background-image等。
checkbgimgs

filters
bgimgs

遍历iframes

var iframes=_document.getElementsByTagName("iframe");
for(var i=0;i<iframes.length;i++)

方法3：function showImages(a)
c.onclick=function(){return pinImage(a),b()};

方法4：function initPinBtn(a){generatePinBtn(),registerImagesForPinBtn(a)}

方法5：generatePinBtn 生成采集按钮。

方法6：registerImagesForPinBtn(a) 注册鼠标事件。

方法7：取消按钮：

var b=function(){
return c.parentNode.removeChild(c),
d.parentNode.removeChild(d),
showingImage=!1,
selectedText="",
showFlash(),
window.scroll(0,lastScrollY),
!1
},

方法8：采集按钮：pinImage
http://www.w3school.com.cn/htmldom/met_win_open.asp

var e={
media:a.big_img?a.big_img.src:d.src,
url:c,
w:a.big_img?a.big_img.width:d.width,
h:a.big_img?a.big_img.height:d.height,
alt:d.alt,
title:a.title||document.title,
description:a.description||"",
media_type:a.media_type||"",
video:a.video||""
};

全局参数：

var siteDomain="huaban.com",主域
imageRoot="http://"+siteDomain+"/img",图片路径
bookmarkletUrl="http://"+siteDomain+"/bookmarklet/",书签路径
domChanged=!1,
selectedText="",
lastScrollY=0,
isShareBtn=!1,
pinBtn=null,
hidePinBtnTimer=null,
currentImage=null,
imageDesc="",
showingImage=!1,
itemUrl="",
skip=!1,
skiphrefs=["http://www.diandian.com/wall"];

技巧1：
(function(){alert("test");})();
定义个方法，直接运行。好处是把一些临时变量圈起来了，不容易和其它代码发生冲突。

技巧2：alert("\u4f60\u73b0");
js文件里，避免出现中文。

技巧3：!0 代替 true

技巧4：|| && 语法。

基础方法：
function isIE(){return/msie/i.test(navigator.userAgent)&&!/opera/i.test(navigator.userAgent)}
function isSafari(){return/Safari/.test(navigator.userAgent)&&!/Chrome/.test(navigator.userAgent)}
function isPinable(a) 判断是否局域网地址。
function generateTag(a,b){var c=document.createElement(b||"div");return c.id=global+"_"+a,c}生成一个节点。

正则表达式：
http://hzjavaeyer.group.iteye.com/group/wiki/2276-JavaScript-Core

看js代码，用的是MyEclipse,有括号对应功能。

存疑：代码里用了大量的','号。不知道和';'号比，有什么优势。

本文链接

Gearman安装，测试笔记

2011-11-07T07:48:00Z

官网：http://gearman.org/

gearman-0.7.0.tgz php扩展
gearman-mysql-udf-0.5.tar.gz
gearmand-0.14.tar.gz c版的server[还有java，perl版的]
yugene-Gearman-Monitor-ed34347.zip 监控
https://github.com/yugene/Gearman-Monitor 监控

http://baike.baidu.com/view/2926980.htm
http://www.cnblogs.com/cocowool/archive/2011/08/18/2145144.html

跨多种环境部署 Gearman
http://www.ibm.com/developerworks/cn/opensource/os-gearman/index.html
利用开源的Gearman框架构建分布式图片处理平台－张宴
http://blog.s135.com/dips/

Gearman是一个用来把工作委派给其他机器、分布式的调用更适合做某项工作的机器、并发的做某项工作在多个调用间做负载均衡、或用来在调用其它语言的函数的系统。
Gearman提供了一种通用的程序框架来将你的任务分发到不同的机器或者不同的进程当中。它提供了你进行并行工作的能力、负载均衡处理的能力，以及在不同程序语言之间沟通的能力。Gearman能够应用的领域非常广泛，从高可用的网站到数据库的复制任务。总之，Gearman就是负责分发处理的中枢系统，它的优点包括：
     开源：Gearman免费并且开源而且有一个非常活跃的开源社区，如果你想来做一些贡献，请点击。
     多语言支持：Gearman支持的语言种类非常丰富。让我们能够用一种语言来编写Worker程序，但是用另外一种语言编写Client程序。
     灵活：不必拘泥于固定的形式。您可以采用你希望的任何形式，例如 Map/Reduce。
     快速：Gearman的协议非常简单，并且有一个用C语言实现的，经过优化的服务器，保证应用的负载在非常低的水平。
     可植入：因为Gearman非常小巧、灵活。因此您可以将他置入到现有的任何系统中。
     没有单点：Gearman不仅可以帮助扩展系统，同样可以避免系统的失败。

目录

    Gearman 简介
    Gearman运行过程
    Gearman新版本介绍
    安装 Gearman
展开

Gearman 简介
通常，多语言多系统之间的集成是个大问题，一般来说，人们多半会采用 WebService 的方式来处理此类集成问题，但不管采用何种风格的 WebService，如 RPC 风格，或者 REST 风格，其本身都有一定的复杂性。相比之下，Gearman 也能实现类似的作用，而且更简单易用。
Gearman运行过程
一个Gearman请求的处理过程涉及三个角色：Client -> Job -> Worker。
Client：请求的发起者，可以是 C，PHP，Perl，MySQL UDF 等等。
Job：请求的调度者，用来负责协调把 Client 发出的请求转发给合适的 Work。
Worker：请求的处理者，可以是 C，PHP，Perl 等等。
因为 Client，Worker 并不限制用一样的语言，所以有利于多语言多系统之间的集成。
甚至我们通过增加更多的 Worker，可以很方便的实现应用程序的分布式负载均衡架构。
Gearman新版本介绍
Gearman 1 月 16 日发布了 c 语言的 0.2 版本，gearman 提供了一个 work 传递其他机器，或者调用其他机器功能的框架，通过 gearman 你可以实现并行的工作，负载均衡处理，调用其他语言的函数。它可以应用在多种场合，从高可用性的 web 服务到数据库复制，换句话说，它是分布式处理的中枢神经。gearman 早期是 sixpart 实现的 perl 语言开发的版本，名字来源于“Manager”，这一框架只负责分发要做的工作，本身并不做任何实际的工作。（这点与 spread toolkit 相同译者注）。
安装 Gearman
安装 Gearman server and library
tar zxf gearmand-0.8.tar.gz[1]
cd gearmand-0.8
./configure
make
make install
安装 Gearman PHP extension
tar zxf gearman-0.4.0.tgz
cd gearman-0.4.0
phpize
./configure
make
make install
编辑 php.ini 配置文件加载相应模块并使之生效：
extension = "gearman.so"

/www/wdlinux/php/bin/phpize
./configure --with-php-config=/www/wdlinux/php/bin/php-config
make && make install

/www/wdlinux/php/bin/php --info | grep gearman
2. In another terminal, change to this source directory and run:

/www/wdlinux/php/bin/php examples/reverse_worker.php

3. In another terminal, change to this source directory and run:

/www/wdlinux/php/bin/php examples/reverse_client.php

启动Job：
gearmand -d
如果当前用户是 root 的话，则需要这样操作：
gearmand -d -u root
缺省会使用 4730 端口，下面会用到。
注意：如果找不到 gearmand 命令的路径，别忘了用 whereis gearmand 确认。gearmand: /usr/local/sbin/gearmand

以守护进程启动：
gearmand -L 192.168.0.1 -p 4730 -u root -d

编写 Worker
worker.php 文件内容如下：
<?php
$worker= new GearmanWorker();
$worker->addServer('127.0.0.1', 4730);
$worker->addFunction('reverse', 'my_reverse_function');
while ($worker->work());
function my_reverse_function($job) {
return strrev($job->workload());
}
?>
设置后台运行 work
php worker.php &
编写 Client
client.php 文件内容如下：
<?php
$client= new GearmanClient();
$client->addServer('127.0.0.1', 4730);
echo $client->do('reverse', 'Hello World!'), "\n";
?>
运行 client
php client.php
输出：!dlroW olleH
出于方便的考虑，Worker，Client 使用的都是PHP，但这并不影响演示，实际应用中，你完全可以通过 Gearman 集成不同语言实现的 Worker，Client。或许此时你还想了解前面提到的负载均衡功能：很简单，只要增加多个 Worker 即可，你可以按照 worker.php 的样子多写几个类似的文件，并设置不同的返回值用以识别演示效果。然后依次启动这几个 Worker 文件，并多次使用 client.php 去请求，你就会发现 Job 会把 Client 请求转发给不同的 Worker。
命令行工具
如果你觉得安装 PHP 之类的东西太麻烦的话，你也可以仅仅通过命令行工具来体验 Gearman 的功能：
启动 Worker：gearman -w -f wc -- wc -l &
运行 Client：gearman -f wc < /etc/passwd

--一些意外，我没遇到。
1 program_options需要编译或者引用libs/program_options目录的源代码
2 编绎时要用g++ -o simple simple.cpp -lboost_program_options -L/usr/local/lib
http://www.cnblogs.com/cocowool/archive/2011/08/18/2144142.html
Linux上安装Boost C++ Libraries
Gearman要依赖于 Boost C++ Libraries 中的 program_options 库，并且需要的版本大于 1.39。笔者的CentOS 5.2 系统中自带的 1.33 不能满足需求，在自己安装的过程中会遇到一些问题，建议参考 Boost 官方手册中的 Easy Build and Install 这部分。

安装Gearman之后，第一次启用可能会遇到 error while loading shared libraries: libgearman.so.1 这个问题。可以用下面的方法解决：
当运行 /usr/local/sbin/gearmand -d 时出现 error while loading shared libraries: libgearman.so.1
运行一下 /sbin/ldconfig -v ，然后再去运行gearman就可以了

ldconfig命令的用途,主要是在默认搜寻目录(/lib和/usr/lib)以及动态库配置文件/etc/ld.so.conf内所列的目录下,搜索出可共享的动态链接库(格式如前介绍,lib*.so*),进而创建出动态装入程序(ld.so)所需的连接和缓存文件.缓存文件默认为/etc /ld.so.cache,此文件保存已排好序的动态链接库名字列表.
ldconfig通常在系统启动时运行,而当用户安装了一个新的动态链接库时,就需要手工运行这个命令.

需要小心的一件事情是数据的共享。Gearman 不进行所交换数据的任何转换或操作。对于这里使用的简单字符串和整数没有问题，但是不能共享 PHP 中的数组值并期望能在 Java 语言中被理解。对于这种类型的交互，可以使用很多结构化数据标准中的一种，比如 JavaScript Object Notation (JSON) 或 XML。另外，如果您在处理来自数据库的信息，只要共享 ID 或者找到需要处理的数据时要用到的信息即可，或者使用 memcached 这样的透明方法（尽管可能仍然需要 JSON 或等价物）。

－－－－－－－－－－－－－
test -z "/usr/local/lib/pkgconfig" || /bin/mkdir -p "/usr/local/lib/pkgconfig"
/usr/bin/install -c -m 644 support/gearmand.pc '/usr/local/lib/pkgconfig'

Installing shared extensions:     /www/wdlinux/php-5.2.17/lib/php/extensions/no-debug-non-zts-20060613/

/www/wdlinux/php/bin/php examples/reverse_worker.php [可运行多个，实现负载]
/www/wdlinux/php/bin/php examples/reverse_client.php

1.传值一个name,一个序列化参数。

Gearman 的高级特性
在一个 Web 应用程序内可能有许多地方都会用到 Gearman。可以导入大量数据、发送许多电子邮件、编码视频文件、挖据数据并构建一个中央日志设施 — 所有这些均不会影响站点的体验和响应性。可以并行地处理数据。而且，由于 Gearman 协议是独立于语言和平台的，所以您可以在解决方案中混合编程语言。比如，可以用 PHP 编写一个 producer，用 C、Ruby 或其他任何支持 Gearman 库的语言编写 worker。

一个连接客户机和 worker 的 Gearman 网络实际上可以使用任何您能想象得到的结构。很多配置能够运行多个代理并将 worker 分配到许多机器上。负载均衡是隐式的：每个可操作的可用 worker（可能是每个 worker 主机具有多个 worker）从队列中拉出作业。一个作业能够同步或异步运行并具有优先级。

Gearman 的最新版本已经将系统特性扩展到了包含持久的作业队列和用一个新协议来通过 HTTP 提交工作请求。对于前者，Gearman 工作队列保存在内存并在一个关系型数据库内存有备份。这样一来，如果 Gearman 守护程序故障，它就可以在重启后重新创建这个工作队列。另一个最新的改良通过一个 memcached 集群增加队列持久性。memcached 存储也依赖于内存，但被分散于几个机器以避免单点故障。

Gearman 是一个刚刚起步却很有实力的工作分发系统。据 Gearman 的作者 Eric Day 介绍，Yahoo! 在 60 或更多的服务器上使用 Gearman 每天处理 600 万个作业。新闻聚合器 Digg 也已构建了一个相同规模的 Gearman 网络，每天可处理 400,000 个作业。Gearman 的一个出色例子可以在 Narada 这个开源搜索引擎（参见参考资料）中找到。

本文链接

自己写过的一个vba脚本，用于移动copy一点数据。

2011-10-29T03:26:00Z

Sub Macro1()
Sheets("Sheet1").Select
Range("A1").Select
Selection.Copy
Sheets("公式").Select
Range("A1").Select
ActiveSheet.Paste
Range("D1").Select
Application.CutCopyMode = False
Selection.Copy '拷贝日期

Sheets("ALL").Select
Call moveEmpty
Selection.PasteSpecial Paste:=xlPasteValues, Operation:=xlNone, SkipBlanks _
:=False, Transpose:=False
Application.CutCopyMode = False
ActiveCell.FormulaR1C1 = ActiveCell.Value

Selection.Copy
Call copyData("Service")

'---------------拷贝数据----
Call copyImpl("all classes", "ALL")

End Sub

Sub copyData(sheetName)
Sheets(sheetName).Select
Call moveEmpty
ActiveSheet.Paste
End Sub

Sub copyImpl(strNamespace, sheetName)
Sheets("Sheet1").Select
selectRange (strNamespace)
Application.CutCopyMode = False
Selection.Copy
Sheets(sheetName).Select
ActiveCell.Offset(0, 1).Select
ActiveSheet.Paste
End Sub

Sub selectRange(stringv)

Range("A1").Select
Dim i As Integer
i = 0
While (ActiveCell.Value <> stringv)
ActiveCell.Offset(1, 0).Select
i = i + 1
If i > 200 Then
GoTo ttt
End If
Wend
ttt:
Dim cell
Set cell = ActiveCell.Cells

Debug.Print cell.Row
Debug.Print cell.Column
Range(cell, Cells(cell.Row, cell.Column + 4)).Select

End Sub

'移动到空行
Sub moveEmpty()
Dim i As Integer
i = 2
Cells(i, 1).Select
While (ActiveCell.Value <> "")
i = i + 1
Cells(i, 1).Select
Wend
End Sub

用了有一阵子了，希望下次写时，能少查一点vba的资料。

基本上用宏录制，再略改改就帮忙做一些重复工作了。

本文链接

jquery代码收藏

2011-10-09T03:19:00Z

1. 如何创建嵌套的过滤器：

//允许你减少集合中的匹配元素的过滤器，
//只剩下那些与给定的选择器匹配的部分。在这种情况下，
//查询删除了任何没（:not）有（:has）
//包含class为“selected”（.selected）的子节点。
.filter(":not(:has(.selected))")

2. 如何重用元素搜索

var allItems = $("div.item");
var keepList = $("div#container1 div.item");
//现在你可以继续使用这些jQuery对象来工作了。例如，
//基于复选框裁剪“keep list”，复选框的名称
//符合
< DIV >class names:
$(formToLookAt + " input:checked").each(function() {
keepList = keepList.filter("." + $(this).attr("name"));
});
< /DIV>

3. 任何使用has()来检查某个元素是否包含某个类或是元素：

//jQuery 1.4.*包含了对这一has方法的支持。该方法找出
//某个元素是否包含了其他另一个元素类或是其他任何的
//你正在查找并要在其之上进行操作的东东。
$("input").has(".email").addClass("email_icon");

4. 如何使用jQuery来切换样式表

//找出你希望切换的媒体类型（media-type），然后把href设置成新的样式表。
$('link[media='screen']').attr('href', 'Alternative.css');

5. 如何限制选择范围（基于优化目的）：

//尽可能使用标签名来作为类名的前缀，
//这样jQuery就不需要花费更多的时间来搜索
//你想要的元素。还要记住的一点是，
//针对于你的页面上的元素的操作越具体化，
//就越能降低执行和搜索的时间。
var in_stock = $('#shopping_cart_items input.is_in_stock');

<ul id="shopping_cart_items">
<li><input type="radio" value="Item-X" name="item" class="is_in_stock" /> Item X</li>
<li><input type="radio" value="Item-Y" name="item" class="3-5_days" /> Item Y</li>
<li><input type="radio" value="Item-Z" name="item" class="unknown" /> Item Z</li>
</ul>

6. 如何正确地使用ToggleClass：

//切换（toggle）类允许你根据某个类的
//是否存在来添加或是删除该类。
//这种情况下有些开发者使用：
a.hasClass('blueButton') ? a.removeClass('blueButton') : a.addClass('blueButton');
//toggleClass允许你使用下面的语句来很容易地做到这一点
a.toggleClass('blueButton');

7. 如何设置IE特有的功能：

if ($.browser.msie) {
// Internet Explorer就是个虐待狂
}

8. 如何使用jQuery来代替一个元素：

$('#thatdiv').replaceWith('fnuh');

9. 如何验证某个元素是否为空：

if ($('#keks').html()) {
//什么都没有找到;
}

10. 如何从一个未排序的集合中找出某个元素的索引号

$("ul > li").click(function () {
var index = $(this).prevAll().length;
});

11. 如何把函数绑定到事件上：

$('#foo').bind('click', function() {
alert('User clicked on "foo."');
});

12. 如何追加或是添加html到元素中：

$('#lal').append('sometext');

13. 在创建元素时，如何使用对象字面量（literal）来定义属性

var e = $("", { href: "#", class: "a-class another-class", title: "..." });

14. 如何使用多个属性来进行过滤

//在使用许多相类似的有着不同类型的input元素时，
//这种基于精确度的方法很有用
var elements = $('#someid input[type=sometype][value=somevalue]').get();

15. 如何使用jQuery来预加载图像

jQuery.preloadImages = function() {
for(var i = 0; i < arguments.length; i++) {
$("<img />").attr('src', arguments[i]);
}
};
//用法
$.preloadImages('image1.gif', '/path/to/image2.png', 'some/image3.jpg');

16. 如何为任何与选择器相匹配的元素设置事件处理程序：

$('button.someClass').live('click', someFunction);
//注意，在jQuery 1.4.2中，delegate和undelegate选项
//被引入代替live，因为它们提供了更好的上下文支持
//例如，就table来说，以前你会用
//.live()
$("table").each(function(){
$("td", this).live("hover", function(){
$(this).toggleClass("hover");
});
});
//现在用
$("table").delegate("td", "hover", function(){
$(this).toggleClass("hover");
});

17. 如何找到一个已经被选中的option元素：

$('#someElement').find('option:selected');

18. 如何隐藏一个包含了某个值文本的元素：

$("p.value:contains('thetextvalue')").hide();

19. 如何自动滚动到页面中的某区域

jQuery.fn.autoscroll = function(selector) {
$('html,body').animate(
{scrollTop: $(selector).offset().top},
500
};
}
//然后像这样来滚动到你希望去到的class/area上。
$('.area_name').autoscroll();

20. 如何检测各种浏览器：

检测Safari (if( $.browser.safari)),
检测IE6及之后版本 (if ($.browser.msie && $.browser.version > 6 )),
检测IE6及之前版本 (if ($.browser.msie && $.browser.version <= 6 )),
检测FireFox 2及之后版本 (if ($.browser.mozilla && $.browser.version >= '1.8' ))

21. 如何替换串中的词:

var el = $('#id');
el.html(el.html().replace(/word/ig, ''));

22. 如何禁用右键单击上下文菜单：

$(document).bind('contextmenu',function(e){
return false;
});

23. 如何定义一个定制的选择器

$.expr[':'].mycustomselector = function(element, index, meta, stack){
// element- 一个DOM元素
// index – 栈中的当前循环索引
// meta – 有关选择器的元数据
// stack – 要循环的所有元素的栈
// 如果包含了当前元素就返回true
// 如果不包含当前元素就返回false };
// 定制选择器的用法：
$('.someClasses:test').doSomething();

24. 如何检查某个元素是否存在:

if ($('#someDiv').length) {
//万岁！！！它存在……
}

25. 如何使用jQuery来检测右键和左键的鼠标单击两种情况：

$("#someelement").live('click', function(e) {
if( (!$.browser.msie && e.button == 0) || ($.browser.msie && e.button == 1) ) {
alert("Left Mouse Button Clicked");
} else if(e.button == 2) {
alert("Right Mouse Button Clicked");
}
});

26. 如何显示或是删除input域中的默认值

//这段代码展示了在用户未输入值时，
//如何在文本类型的input域中保留
//一个默认值
wap_val = [];
$(".swap").each(function(i){
wap_val[i] = $(this).val();
$(this).focusin(function(){
if ($(this).val() == swap_val[i]) {
$(this).val("");
}
}).focusout(function(){
if ($.trim($(this).val()) == "") {
$(this).val(swap_val[i]);
}});});

<input type="text" value="Enter Username here.." class="swap" />

27. 如何在一段时间之后自动隐藏或关闭元素（支持1.4版本）：

//这是1.3.2中我们使用setTimeout来实现的方式
setTimeout(function() {
$('.mydiv').hide('blind', {}, 500)
}, 5000);
//而这是在1.4中可以使用delay()这一功能来实现的方式（这很像是休眠）
$(".mydiv").delay(5000).hide('blind', {}, 500);

28. 如何把已创建的元素动态地添加到DOM中：

var newDiv = $('');
newDiv.attr('id','myNewDiv').appendTo('body');

29. 如何限制“Text-Area”域中的字符的个数：

jQuery.fn.maxLength = function(max){
this.each(function(){
var type = this.tagName.toLowerCase();
var inputType = this.type? this.type.toLowerCase() : null;
if(type == "input" && inputType == "text" || inputType == "password"){
//Apply the standard maxLength
this.maxLength = max;
}
else if(type == "textarea"){
this.onkeypress = function(e){
var ob = e || event;
var keyCode = ob.keyCode;
var hasSelection = document.selection? document.selection.createRange().text.length > 0 : this.selectionStart != this.selectionEnd;
return !(this.value.length >= max && (keyCode > 50 || keyCode == 32 || keyCode == 0 || keyCode == 13) && !ob.ctrlKey && !ob.altKey && !hasSelection);
};
this.onkeyup = function(){
if(this.value.length > max){
this.value = this.value.substring(0,max);
}
};
}
});
};
//用法
$('#mytextarea').maxLength(500);

30. 如何为函数创建一个基本的测试

//把测试单独放在模块中
module("Module B");
test("some other test", function() {
//指明测试内部预期有多少要运行的断言
expect(2);
//一个比较断言，相当于JUnit的assertEquals
equals( true, false, "failing test" );
equals( true, true, "passing test" );
});

31. 如何在jQuery中克隆一个元素：

var cloned = $('#somediv').clone();

32. 在jQuery中如何测试某个元素是否可见

if($(element).is(':visible') == 'true') {
//该元素是可见的
}

33. 如何把一个元素放在屏幕的中心位置：

jQuery.fn.center = function () {
this.css('position','absolute');
this.css('top', ( $(window).height() - this.height() ) / +$(window).scrollTop() + 'px');
this.css('left', ( $(window).width() - this.width() ) / 2+$(window).scrollLeft() + 'px');
return this;
}
//这样来使用上面的函数：
$(element).center();

34. 如何把有着某个特定名称的所有元素的值都放到一个数组中：

var arrInputValues = new Array();
$("input[name='table[]']").each(function(){
arrInputValues.push($(this).val());
});

35. 如何从元素中除去html

36. 如何使用closest来取得父元素

$('#searchBox').closest('div');

37. 如何使用Firebug和Firefox来记录jQuery事件日志：

// 允许链式日志记录
// 用法：
$('#someDiv').hide().log('div hidden').addClass('someClass');
jQuery.log = jQuery.fn.log = function (msg) {
if (console){
console.log("%s: %o", msg, this);
}
return this;
};

38. 如何强制在弹出窗口中打开链接:

jQuery('a.popup').live('click', function(){
newwindow=window.open($(this).attr('href'),'','height=200,width=150');
if (window.focus) {
newwindow.focus();
}
return false;
});

39. 如何强制在新的选项卡中打开链接：

jQuery('a.newTab').live('click', function(){
newwindow=window.open($(this).href);
jQuery(this).target = "_blank";
return false;
});

40. 在jQuery中如何使用.siblings()来选择同辈元素

// 不这样做
$('#nav li').click(function(){
$('#nav li').removeClass('active');
$(this).addClass('active');
});
//替代做法是
$('#nav li').click(function(){
$(this).addClass('active').siblings().removeClass('active');
});

41. 如何切换页面上的所有复选框：

var tog = false;
// 或者为true，如果它们在加载时为被选中状态的话
$('a').click(function() {
$("input[type=checkbox]").attr("checked",!tog);
tog = !tog;
});

42. 如何基于一些输入文本来过滤一个元素列表：

//如果元素的值和输入的文本相匹配的话
//该元素将被返回
$('.someClass').filter(function() {
return $(this).attr('value') == $('input#someId').val();
})

43. 如何获得鼠标垫光标位置x和y:

$(document).ready(function() {
$(document).mousemove(function(e){
$(’#XY’).html(”X Axis : ” + e.pageX + ” | Y Axis ” + e.pageY);
});
});

44. 如何把整个的列表元素（List Element，LI）变成可点击的

$("ul li").click(function(){
window.location=$(this).find("a").attr("href");
return false;
});

<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
</ul>

45. 如何使用jQuery来解析XML（基本的例子）：

function parseXml(xml) {
//找到每个Tutorial并打印出author
$(xml).find("Tutorial").each(function() {
$("#output").append($(this).attr("author") + "");
});
}

46. 如何检查图像是否已经被完全加载进来

$('#theImage').attr('src', 'image.jpg').load(function() {
alert('This Image Has Been Loaded');
});

47. 如何使用jQuery来为事件指定命名空间：

//事件可以这样绑定命名空间
$('input').bind('blur.validation', function(e){
// ...
});
//data方法也接受命名空间
$('input').data('validation.isValid', true);

48. 如何检查cookie是否启用

var dt = new Date();
dt.setSeconds(dt.getSeconds() + 60);
document.cookie = "cookietest=1; expires=" + dt.toGMTString();
var cookiesEnabled = document.cookie.indexOf("cookietest=") != -1;
if(!cookiesEnabled) {
//没有启用cookie
}

49. 如何让cookie过期：

var date = new Date();
date.setTime(date.getTime() + (x * 60 * 1000));
$.cookie('example', 'foo', { expires: date });

50. 如何使用一个可点击的链接来替换页面中任何的URL

$.fn.replaceUrl = function() {
var regexp = /((ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi;
this.each(function() {
$(this).html(
$(this).html().replace(regexp,'$1‘)
);
});
return $(this);
}
//用法　
$('p').replaceUrl();

本文链接

[php代码]从svn获取指定版本，并同步到ftp上。

2011-09-23T08:14:00Z

1.从svn获取指定版本。

命令行：svn update svnworkpath --username xxx --password xxx -r head

$cmd = "svn update..."
$ar = array();
$status = 0;
exec($cmd, $ar, $status);

返回的结果包含以下内容：

A 002/ftp_upload.php
U 002/main.php
D 002/config.php

2.处理成本地路径和服务器上传路径：

3.连接到ftp

$conn = ftp_connect($ftp_ip) or die("Could not connect");
ftp_login($conn,$ftp_user,$ftp_pass);

4.上传时区分A,U,D和文件或文件夹

5.递归删除一个目录

6.上传一个文件

感觉php对ftp,命令行支持得很好。脚本写得很方便。

本文链接

jquery表格jqGrid操作笔记。

2011-09-23T07:55:00Z

1.引用

注意jqGrid放grid.locale-cn.js的后面。否则会报错。

2.纯js示例

jQuery("#editgrid").jqGrid({
datatype: "local",
height: 450,
colNames:['编号','用户名', '性别', '邮箱', 'QQ','手机号','出生日期'],
colModel:[
{name:'id',index:'id', width:200, sorttype:"int"},
{name:'userName',index:'userName', width:200},
{name:'gender',index:'gender', width:90},
{name:'email',index:'email', width:125,sorttype:"string"},
{name:'QQ',index:'QQ', width:100},
{name:'mobilePhone',index:'mobilePhone', width:120},
{name:'birthday',index:'birthday', width:100, sorttype:"date"}
],
sortname:'id',
sortorder:'asc',
viewrecords:true,
rowNum:10,
rowList:[10,20,30],
pager:"#gridPager",
caption: ""
}).navGrid('#gridPager',{edit:true,add:true,del:true});

var mydata = [
{id:"1",userName:"polaris",gender:"男",email:"fef@163.com",QQ:"33334444",mobilePhone:"13223423424",birthday:"1985-10-01"},
{id:"2",userName:"李四",gender:"女",email:"faf@gmail.com",QQ:"222222222",mobilePhone:"13223423",birthday:"1986-07-01"},
{id:"3",userName:"王五",gender:"男",email:"fae@163.com",QQ:"99999999",mobilePhone:"1322342342",birthday:"1985-10-01"},
{id:"4",userName:"马六",gender:"女",email:"aaaa@gmail.com",QQ:"23333333",mobilePhone:"132234662",birthday:"1987-05-01"}
];
for(var i=0;i<=mydata.length;i++)
jQuery("#editgrid").jqGrid('addRowData',i+1,mydata[i]);

<table id="editgrid"></table>
<div id="gridPager"></div>

3.可编辑字段的配置

colModel:[
{name:'id',index:'id', width:55,editable:false,editoptions:{readonly:true,size:10},formatter: 'integer', formatoptions:{thousandsSeparator:","}},
{name:'invdate',index:'invdate', width:80,editable:true,editoptions:{size:10},formatter:'date', formatoptions: {srcformat:'Y-m-d',newformat:'Y/m/d'}},
{name:'name',index:'name', width:90,editable:true,editoptions:{size:25}},
{name:'amount',index:'amount', width:60, align:"right",editable:true,formatter:'currency',formatoptions:{thousandsSeparator:" ", decimalSeparator:",", prefix:"€"}},
{name:'tax',index:'tax', width:60, align:"right",editable:true,editoptions:{size:10}},
{name:'total',index:'total', width:60,align:"right",editable:true,editoptions:{size:10}},
{name:'closed',index:'closed',width:55,align:'center',editable:true,edittype:"checkbox",editoptions:{value:"Yes:No"}},
{name:'ship_via',index:'ship_via',width:70, editable: true,edittype:"select",editoptions:{value:"FE:FedEx;TN:TNT"}},
{name:'note',index:'note', width:100, sortable:false,editable: true,edittype:"textarea", editoptions:{rows:"2",cols:"20"}}
],

4.服务器返回的json格式

$responce->page = 2;//当前页
$responce->total = 3;//总页
$responce->records = 20;//总条数
for($i=0;$i<10;$i++){
$responce->rows[$i]['id']=$i;
$responce->rows[$i]['cell']=array($i,date("Y-m-d H:i:s"),'中主');
}
echo json_encode($responce);

5.xml格式

echo "<?xml version='1.0' encoding='utf-8'?$et\n";
echo "<rows>";
echo "<page>1</page>";
echo "<total>1</total>";
echo "<records>1</records>";
// be sure to put text data in CDATA
while($row = mysql_fetch_array($result,MYSQL_ASSOC)) {
echo "<row>";
echo "<cell>". $row[account_id]."</cell>";
echo "<cell>". $row[name]."</cell>";
echo "<cell>". $row[acc_num]."</cell>";
echo "<cell>". $row[debit]."</cell>";
echo "<cell>". $row[credit]."</cell>";
echo "<cell>". $row[balance]."</cell>";
echo "<cell>". rand(0,1)."</cell>";
echo "<cell>". $row[level]."</cell>";
echo "<cell>". $row[lft]."</cell>";
echo "<cell>". $row[rgt]."</cell>";
if($row[rgt] == $row[lft]+1) $leaf = 'true';else $leaf='false';
echo "<cell>".$leaf."</cell>";
echo "<cell>true</cell>";
echo "</row>";
}
echo "</rows>";

6.提交的数据

_searchfalse
nd1311834540399
page1
rows10
sidxid
sorddesc

_searchtrue
filters
nd1311836578173
page1
rows10
searchFieldid
searchOpereq
searchString
sidxid
sorddesc

7.单元格编辑

cellurl:"<?php echo site_url("admin/demo/edit2")?>",
cellEdit: true,

参考：

http://blog.sina.com.cn/s/blog_4496b0890100ri4d.html

http://blog.csdn.net/gengv/article/details/5714834

本文链接

C#登录https网站并下载文件

2011-07-12T01:55:00Z

.net很久没用了，最近要做个小工具下载一个https的内容，想来想去还是.net的环境最方便。java要装jdk，python也要python的环境，php有php的环境。

主要功能代码都从网上收集，这里记录一些片段，用作备份。

1.登录https

if (url.StartsWith("https", StringComparison.OrdinalIgnoreCase))
{
ServicePointManager.ServerCertificateValidationCallback = new RemoteCertificateValidationCallback(CheckValidationResult);
request = WebRequest.Create(url) as HttpWebRequest;
request.ProtocolVersion = HttpVersion.Version10;
}
else
{
request = WebRequest.Create(url) as HttpWebRequest;
}

private static bool CheckValidationResult(object sender, X509Certificate certificate, X509Chain chain, SslPolicyErrors errors)
{
return true; //总是接受
}

本来想着https的连接需要证书的，原来还可以跳过证书的验证，直接返回true就行了，实践证明可以连接成功。HTTPS连接最初的若干毫秒

2.继续访问

完成登录后，要保持这个session,查看response.Headers["Set-Cookie"]，可以看到cookie里的session信息，只要把这些cookie内容在下一次请求时带上就行了。

请求时cookie的转换代码：

string cookieString = response.Headers["Set-Cookie"];
CookieCollection cookies = new CookieCollection();
Regex re = new Regex("([^;,]+)=([^;,]+); path=([^;,]+); expires=([^;,]+)", RegexOptions.IgnoreCase);//视具体内容进行调整
foreach (Match m in re.Matches(cookieString))
{
Cookie c = new Cookie(m.Groups[1].Value, m.Groups[2].Value);
c.Domain = "yourDomain";//放你要访问网站的域名
cookies.Add(c);
}

3.下载文件

请求的是一个下载链接，另存为的文件名，在response.Headers里。通过字符串操作把它提取出来。

文件内容要通过流的方式，把它读出来，保存成文件。

Stream stream = response.GetResponseStream();
FileStream fs = new FileStream(file, FileMode.Create);
BinaryWriter bw = new BinaryWriter(fs);
BinaryReader br = new BinaryReader(stream);

byte[] nbytes = new byte[2048];
int nReadSize = 0;
nReadSize = br.Read(nbytes, 0, 2048);
while (nReadSize > 0)
{
bw.Write(nbytes, 0, nReadSize);
nReadSize = br.Read(nbytes, 0, 2048);
}
bw.Close();
br.Close();

本文链接

js调试工具

2011-06-23T08:53:00Z

js日志：

var msg_id = 0;
function wl(msg){
msg_id++;
$('#log').append(""+msg_id+":"+msg+"<br/>");
}

查看对象所有属性：

function allPrpos(obj) {
var props = "";
for(var p in obj){
if(typeof(obj[p])=="function"){
obj[p]();
}else{
props+= p + "=" + obj[p] + "\t";
}
}
// 显示所有的属性
wl(props);
}

本文链接

ci_sae 监控项目示例

2011-06-03T08:45:00Z

一，楔子
SAE平台上的应用，使用的是PHP语言。这么好的环境，不禁手痒。做一个WEB监控来测试一下吧。
需求：设置一些URL和字符，定时去获取内容，验证字符。记录获取内容的用时，验证通过表示正常，验证不通过表示异常。
将会用到SAE的Cron,FetchURL和Mysql.

二，框架
内置应用的框架中，就ci_sae有过了解，那就用它了。
进入SAE->我的应用->应用向导，找到ci_sae，点击安装。会有一个弹窗向导，选择应用[ertong]，选择版本[2]，下一步。框架就安装好了。
运行SDK,把代码同步到本地。目录一般在这里：/sdk目录/apps/ertong/2
code 项目代码目录
config.yaml 项目配置信息
deploy.dat 好象是对比线上线下文件用的，放了些md5的信息。上传时，只上传更新过的文件。

三，升级
查看system\codeigniter\CodeIgniter.php,版本是1.7.2，在http://codeigniter.org.cn/上版本是2.0.2，文档也更新了。反正两个版本都不熟，那就用新的吧。SAE上，mysql,本地文件的处理方式不一样，所以得对2.0做下升级。把下载的1.7.2版的system/database下的文件copy到2.0下。更新application/config/database.php,升级就完成了。就是这么简单。仔细对比下两版的文件，会发现sae版里的mysql的实现，换成了SaeMysql。这些就交给CI去处理了。

四，建库
一张记录监控站点的信息，一张记录监控的日志。

CREATE TABLE IF NOT EXISTS `jk_site` (
`id` bigint(20) NOT NULL AUTO_INCREMENT,
`name` varchar(64) DEFAULT NULL,
`url` varchar(256) DEFAULT NULL,
`category` varchar(64) DEFAULT NULL,
`pattern_str` varchar(64) DEFAULT NULL,
`state` int(11) DEFAULT NULL ,
`last_modify_date` datetime DEFAULT NULL,
`is_deleted` int(11) DEFAULT NULL,
PRIMARY KEY (`id`)
) ;

CREATE TABLE IF NOT EXISTS `jk_site_log` (
`id` bigint(20) NOT NULL AUTO_INCREMENT,
`site_id` bigint(20) DEFAULT NULL,
`name` varchar(64) DEFAULT NULL,
`content_lenght` int(11) DEFAULT NULL,
`elapsed_time` double DEFAULT NULL,
`state` int(11) DEFAULT NULL ,
`last_modify_date` datetime DEFAULT NULL,
`is_deleted` int(11) DEFAULT NULL,
PRIMARY KEY (`id`)
) ;

用phpMyadmin对jk_site表写入一些数据。

五，查询
现在我们用ci来展示jk_site的数据。
先按MVC的目录，在application下分别建好对应的文件。
/controllers/site.php

class Site extends CI_Controller {
public function __construct()
{
parent::__construct();
$this->load->helper('url');//控制URL
$this->load->library('pagination');//分页
}
public function index($offset = 0)
{
$this->load->model('site_model');
$data['query'] = $this->site_model->get();
$this->load->view('site_message',$data);
}
}

/models/site_model.php

class Site_model extends CI_Model {
function __construct()
{
parent::__construct();
$this->load->database();//加载数据库
}

function get()
{
$this->db->from('site');//$db['default']['dbprefix'] = 'jk_'; 这个配置可以设置表前缀。
$query = $this->db->get();
return $query->result();
}
}

/views/site_message.php

<table class="list issues">
<tr>
<td>序号</td>
<td>名字</td>
<td>URL</td>
<td>状态</td>
<td>更新时间</td>
<td>操作</td>
</tr>
<?php foreach($query as $item): ?>
<tr>
<td><?php echo $item->id ?></td>
<td><?php echo $item->name ?></td>
<td><?php echo $item->url ?></td>
<td><?php echo $item->state ?></td>
<td><?php echo $item->last_modify_date ?></td>
<td>
<a href="<?php echo site_url('site/logs/'.$item->id) ?>">日志</a>
</td>
</tr>
<?php endforeach;?>

用SDK上传后，用http://2.ertong.sinaapp.com/index.php/site 进行访问，应该就能看到数据库里的数据了。

六，URLRewrite
SEA的环境不支持htaccess,不过它有替代方案。在config.yaml里写如下语句：

handle:
- rewrite: if(!is_dir() && !is_file()) goto "index.php?%{QUERY_STRING}"

这样就可以用 http://2.ertong.sinaapp.com/site进行访问了。

七，定时器
在config.yaml里写如下语句：

cron:
- description: test
url: site/jiankong
schedule: every 5 mins

则每5分钟会请求 http://ertong.sinaapp.com/site/jiankong 一次。注意仅对默认版本有效。

八，监控

function check_site($site)
{
//监控URL
$this->benchmark->mark('check_site_begin');
$content = $this->getUrl($site->url);
$this->benchmark->mark('check_site_end');

$findstr = iconv("GB2312","UTF-8//IGNORE",$site->pattern_str) ;
$state = strpos($content,$findstr)>0?0:1;

//记录监控日志
$data = array(
'site_id' => $site->id,
'name' => $site->name,
'content_lenght' => strlen($content),
'elapsed_time' => $this->benchmark->elapsed_time('check_site_begin', 'check_site_end'),
'state' => $state,
'last_modify_date' => date("Y-m-d H:i:s"),
'is_deleted' => 0
);
$this->db->insert('site_log', $data);
//更新站点状态
$data = array(
'state' => $state,
'last_modify_date' => date("Y-m-d H:i:s")
);
$this->db->where('id', $site->id);
$this->db->update('site', $data);
}

function getUrl($url)
{
$f = new SaeFetchurl();
$content = $f->fetch($url);
if($f->errno() == 0) return $content;
else return $f->errmsg();
}

SAE里通过$this->benchmark->mark进行计时，SaeFetchurl的使用也超简单。

九，分页
/controllers/site.php

public function logs($siteid = 0,$offset = 0)
{
$config['total_rows'] = 800;//切换成读取数据量。
$config['base_url'] = '/site/logs/'.$siteid;
$config['per_page'] = 20;//每页多少条
$config['uri_segment'] = 4;//页码的字段位置
$this->pagination->initialize($config);
$pagery = $this->pagination->create_links();
$per_page = $this->pagination->per_page;

$this->load->model('site_model');
$data['query'] = $this->site_model->getlog_pages($siteid,$per_page, $offset);
$data['pagery'] = $pagery;
$this->load->view('sitelog_message',$data);
}

/models/site_model.php

function getlog_pages($siteid=0,$num = 10, $offset = 0)
{
$this->db->from('site_log');
$this->db->where('site_id',$siteid);
$this->db->limit($num, $offset);
$this->db->order_by('id desc');
$query = $this->db->get();
return $query->result();
}

/views/sitelog_message.php

本文链接