Php/Js/Shell/Go - 向东博客专注WEB应用构架之美 --- 构架之美，在于尽态极妍 | 应用之美，在于药到病除 - 赢在IT，Playin' with IT,Focus on Killer Application,Marketing Meets Technology.

Jquery中的this与$(this)

Php/Js/Shell/Go jackxiang 2011-12-27 14:58

序言：在使用jquery操作js时，经常整不明白this与$(this)。抽空仔细测试了一把，记录下来以供在忘记的时候拉出来参考参考！
$(this)生成的是什么
$()生成的是什么呢？实际上$()=jquery()，那么也就是说返回的是一个jquery的对象。

题外话：通常我们为了简便直接使用$(),实际上,该函数省略了一个参数context,即$(selector)=$(selector,document).如果指定context，可以指定context为一个dom元素集或者jquery对象。
那么依照，$()返回的是jquery对象这一结论，我们可以得出$(this)得到的是一个jquery对象.我们可以使用万能的alert()方法打印出一个对象：
alert($('#btn'));显示的结果：
test 该图红色框勾选出来的是一个object，不用考虑，该object自然是jquery的对象咯。也即是说我们用通过$('#btn')来调用jquery的方法和属性等。
this代表什么？
this，编程的人都知道this表示上下文所处的这个对象，这个自然是不错的，可是这个对象到底是个什么对象呢？加入js里面也有getType的话返回的值会是什么呢？其实js里面不需要使用getType,因为我们有万能的alert.请看看下面的代码：

根据我们的经验（因为$()生成的是jquery的对象嘛），this自然是一个jquery的对象咯。可是我们看看返回的结果：
test1返回的是什么？【object HTMLInputElement】——伟大的html对象，嘿嘿。所以我们通常在直接使用this.val()或者直接通过this来调用jquery所特有的方法或属性的时候会报错误：mistake 为什么呢？明知故问！html对象当然“不包含属性或方法”了。那么为什么在一个jquery对象的上下文中调用this返回的是一个html对象而不是jquery对象呢？翻遍jquery的api文档，貌似jquery中并未对this这一关键字进行过特殊“处理”，也就是说这里this是js中的，而不是jquery重新定义了的。so...当然这仅仅是我自己的想法，如果有对此更了解的朋友可以留言更正。而我们再看一下以上代码中alert($(this));的返回，自然是jquery的对象了，在此调用jquery特有的方法和属性，完全没有问题。
结论：
this，表示当前的上下文对象是一个html对象，可以调用html对象所拥有的属性，方法
$(this),代表的上下文对象是一个jquery的上下文对象，可以调用jquery的方法和属性值。

测试代码：

来源：http://www.cnblogs.com/iceWolf/archive/2009/08/27/1555138.html

阅读全文

[个人备忘]网页里做异步的跨域请求之iframe无刷新跨域上传文件并获取返回值

Php/Js/Shell/Go jackxiang 2011-12-27 10:14

通常我们会有一个统一的上传接口，这个接口会被其他的服务调用。如果出现不同域，还需要无刷新上传文件，并且获取返回值，这就有点麻烦了。比如，新浪微博启用了新域名www.weibo.com，但接口还是使用原来的域：picupload.t.sina.com.cn。

研究了一下新浪微博的处理方法，这里大概演示一下。

首先是一个正常的上传页面 upload.html

这里有一个关键点是form的target要指向iframe，同时把iframe隐藏起来，这样上传的处理结果就会显示在该iframe里。action里的cb(callback)参数表示处理完成后要跳转的url，因为我们的目标是iframe，所以只会把跳转的页面输出到iframe，而不会让当前页面跳转。

还有一点，callback url要和当前页面同域。跨域的iframe无法调用父页面的内容。【这儿如跨域了怎么办呢？】

再来看看deal.php，也就是form的action

这里可以处理文件，然后入库。操作完成后，把文件的id及其他信息都放在url里，最后跳转到这个url。

最后来看看deal_cd.html，也就是刚刚deal.php跳转到的url，这个文件的内容会填充到页面的iframe里。

这里调用了父窗口的getIframeVal方法，这样父页面就获得了文件的id。
------------------------------------------------------------------------------------------------------------------------------------------------------
还有一点，callback url要和当前页面同域。跨域的iframe无法调用父页面的内容。【这儿如跨域了怎么办呢？】???
<a href="attachment.php?fid=256" target="_blank"><img src="attachment.php?fid=256" class="insertimage" alt="点击在新窗口中浏览此图片" title="点击在新窗口中浏览此图片" border="0"/></a>
1、document.domain+iframe的设置

对于主域相同而子域不同的例子，可以通过设置document.domain的办法来解决。具体的做法是可以在http://www.a.com/a.html和http://script.a.com/b.html两个文件中分别加上document.domain = ‘a.com’;然后通过a.html文件中创建一个iframe，去控制iframe的contentDocument，这样两个js文件之间就可以“交互”了。当然这种办法只能解决主域相同而二级域名不同的情况，如果你异想天开的把script.a.com的domian设为alibaba.com那显然是会报错地![所以尽量是主域相同]

www.a.com上的a.html
[codes=html]
<script>
  document.domain = 'a.com';  
  // 这个函数将来会被iframe用到
  function getIframeVal(val)
  {
    alert(val);
  }
</script>

<form method="post" target="if" enctype="multipart/form-data" action="http://b.a.com/deal.php?cb=http://localhost/playground/js/deal_cd.html">
  <input type="file" name="file" />
  <input type="SUBMIT" value="upload" />
</form>
<IFRAME id="if" name="if" src="about:blank" frameborder='0'></IFRAME>

b.a.com上的deal.php (这个是请求API的页面，如上传文件的页)

这种方式适用于{www.a.com, a.com, script.a.com, css.a.com}中的任何页面相互通信。这儿的关键在于两个页面都要有设定document.domain =XXX，如果有一个不设定的话，都会报错！！！

备注：某一页面的domain默认等于window.location.hostname。主域名是不带www的域名，例如a.com，主域名前面带前缀的通常都为二级域名或多级域名，例如www.a.com其实是二级域名。 domain只能设置为主域名，不可以在b.a.com中将domain设置为c.a.com。
常规用document.domain+iframe的设置，也就是上面这种方法。
当然还有其他的上传跨域方法：利用iframe和location.hash window.name实现的跨域数据传输 Html5等。
如跨域文件上传解决方案：上传文件到A网站，然后通过PHP的ftp函数、或HTTP模拟上传到B，这样的话返回的json一直是在A网站上的；另外也可以参考一下腾讯的，如果两个网站都是你的，比如你a网站的域名为www.a.com，在B网站同时绑定一个域名upload.www.a.com，就可以直接上传到B网站并返回json数据了，来自：http://www.gosenz.com/blog/Default.aspx?__tencentip=10.16.64.112&__tencentid=1&__tencentrawurl=http://www.gosenz.com/blog/?p=89
以上稍微整理自网上By:jack。
参考：http://blog.leezhong.com/tech/2011/05/06/crossdomain-upload.html
http://developer.51cto.com/art/201102/245701.htm

[个人原创]Warning: Invalid argument supplied for foreach 最简单解决方法

Php/Js/Shell/Go jackxiang 2011-12-26 16:00

经常对提交过来的数据进行双重循环，或者如下的for循环，但是数组为空时会报错：

这里的$tstSumOptionArr是由数据库查询出来的，有可能为Null,所以PHP在foreach 一个Null时会报警，而在前面强制一个这个是数组就不会报警了。
否则，你可能会这样来处理，如下：

从SVN导出指定版本号之间修改的文件,某个人在某个版本之间修改的文件

Php/Js/Shell/Go jackxiang 2011-12-14 21:15

当一个网站项目进入运营维护阶段以后，不会再频繁地更新全部源文件到服务器，这个时间的修改大多是局部的，因此更新文件只需更新修改过的文件，其他没有修改过的文件就没有必要上载到服务器。但一个稍微上规模的网站项目，文件是很多的，而且对于团队协作开发更难知道每次修改到哪些文件，这时候SVN的作用发挥出来了。
主要优点：打开导出来的文件,文件夹层次是保留不变的,这样你可以打包上传服务器,然后解压覆盖。不用担心漏传文件,也不用担心会覆盖错文件。

阅读全文

[个人原创]php msg_get_queue创造或附在一个消息队列上,进行简单的队列分发。

Php/Js/Shell/Go jackxiang 2011-12-4 12:06

Jack's Note：
共享内存再顺带提一下消息队列Message Queue（也是在System V IPC函数组中），消息队列似乎可以视为另一种共享内存，只是数据存储的方式有些不同。简单来说，就是每个key对应一个队列，每个队列可以保存多个数据，数据间按照先进先出的原则进行操作。
这个简单的方式，健壮性超过大多的免费MQ server，限制是只能在Unix下用
Linux编译php时option加上--enable-sysvmsg
PHP编译Configure如下：

出现编译问题如下：

php在make过程中出现“usr bin ld cannot find lltdl”错误，详细错误如下：
/usr/bin/ld: cannot find -lltdl
collect2: ld returned 1 exit status
make: *** [libphp5.la] Error 1
在Google上搜了好久，终于找到答案，原来是在编辑php时添加的“–with-mcrypt”选项造成[上面的编译暂时去掉了–with-mcrypt就Ok了]。所以“usr bin ld cannot find lltdl”错误解决办法如下：
1、如果不需要mcrypt，那么编辑php时去掉该选项，然后再make、make install。
2、如果需要mcrypt，那么需要安装libltdl
libltdl在libmcrypt软件包中就有，具体过程：

经过测试，果然去掉“–with-mcrypt”选项编译通过。
send.php

Receive.php

[个人原创]在Centos6.0机器上安装PHP的 libevent PECL Package 扩展步骤及实例，以及实现多个USB转串口的读写实践成功 ,可以用select函数。

Php/Js/Shell/Go jackxiang 2011-11-19 12:40

yum install libevent-dev 安装libevent
yum install libevent
PHP Extention: http://pecl.php.net/package/libevent/0.0.5

再就是：自己编译 http://libevent.org/

缘起：PHP5的先进之处在于，你可以用stream_select()处理几乎所有的stream-例如你可以通过include STDIN用它接收键盘输入并保存进数组，你还可以接收通过proc_open()打开的管道中的数据。
目的：想用这个函数进行对文件句柄进行监控，其并不是想用于网络的socket句柄，为此做了如下试验：
探索：能否用PHP的stream_select的方式对CentOs下的串口进行监控呢？经过一系列的研究，发现是可以进行多串口的监控的。
研究：发现会报错，stream_select(): cannot represent a stream of type dio as a select()
解决：最后，见代码吧。代码下载：

下载文件

点击这里下载文件

如果，你想时间更短一点，E文是这样说的：
If you want to set an absolute maximum execution time for stream_select in a loop, it's important to decrement the max_time value passed to stream_select.修改了一下的情况，好像效果不明显，呵呵：

下载文件

点击这里下载文件

完善的第三个版本备案下载，这个实现了对多个串口的同时读写。By:jack

下载文件

点击这里下载文件

其实主要是对这个超时机制的理解。见下面这段代码的超时：

//cmd为要执行的程序， timeout是超时时间
       $descriptorspec = array(
    0 => array("pipe", "r"),
    1 => array("pipe", "w"),
    2 => array("pipe", "w")
    );
        $process = proc_open($cmd, $descriptorspec, $pipes);
    $stdout_str = $stderr_str = "";
 
    if (is_resource($process)) {
        //执行成功
        stream_set_blocking($pipes[1], 0);
        stream_set_blocking($pipes[2], 0);  //不阻塞
        fwrite($pipes[0], $stdin_str);
        fclose($pipes[0]);
 
        //设置超时时钟
        $endtime = time() + $timeout;
 
        do {
            $timeleft = $endtime - time();
            $ret = stream_select(
                $read = array($pipes[1],$pipes[2]),
                $write = null,
                $except = null,
                $timeleft
            );
 
            if ($ret === false) {
                $err = true;
                break;
            } else if ($ret === 0) {
                $timeleft = 0;
                break;
            } else {
                foreach ($read as $sock) {
                    if ($sock === $pipes[1]) {
                        $stdout_str .= fread($sock, 4096);
                    } else if ($sock === $pipes[2]) {
                        $stderr_str .= fread($sock, 4096);
                    }
                }
            }
        }while((feof($pipes[1]) === false || feof($pipes[2]) === false) && $timeleft > 0);
 
        fclose($pipes[1]);
        fclose($pipes[2]);
        if($timeleft <= 0) {
            proc_terminate($process);
            $stderr_str = "操作已超时(".$timeout."秒)";
        }
 
        if (isset($err) && $err === true){  //这种情况的出现是通过信号发送中断时产生
            proc_terminate($process);
            $stderr_str = "操作被用户取消";
        }
        proc_close($process);
        return true;
    }
    else {
        return false;
    }

插曲：dio.raw://[device]
for raw streams anddio.serial://[devicefor serials streams. 这两种stream有什么区别啊？用serial不行，而用raw就Ok了。但是会出现上面的报错：stream_select(): cannot represent a stream of type dio as a select()
php有个libevent扩展，我觉得这个扩展应该可以有更广泛的用途，比如：
(1)异步的服务器端开发框架.
(2)类似unix下的tail命令行.
(3)用php和ZeroMQ实现的一个事件驱动服务器端
http://blog.sina.com.cn/s/blog_60b9ee7f0100qdmh.html
搞录：
问题：
有没有办法在php中实现多线程呢？
假设你正在写一个基于多台服务器的php应用，理想的情况时同时向多台服务器发送请求，而不是一台接一台。
可以实现吗？
回答：
当有人想要实现并发功能时，他们通常会想到用fork或者spawn threads，但是当他们发现php不支持多线程的时候，大概会转换思路去用一些不够好的语言，比如perl。
其实的是大多数情况下，你大可不必使用fork或者线程，并且你会得到比用fork或thread更好的性能。
。。。

PHP5的先进之处在于，你可以用stream_select()处理几乎所有的stream-例如你可以通过include STDIN用它接收键盘输入并保存进数组，你还可以接收通过proc_open()打开的管道中的数据。

日常生活中：
如对多个URL进行异步访问，那个curl_multi一族函数的函数是循环，而用这个就是真正调用类似Linux下的select函数：
实践安装步骤如下：
wget http://pecl.php.net/get/libevent-0.0.4.tgz
checking for libevent support... yes, shared
checking for libevent headers in default path... not found
configure: error: Cannot find libevent headers
root@192.168.1.108:~/software/libevent-0.0.4# yum -y install libevent-devel   libevent
不安libevent-devel会在具体安php的libevent扩展时出现找不到.h文件，用指定路径也成也就是下面的：
最好还是安上吧，但要是版本低于1.4还是指定的好，可能会出现问题，这样：
在安php的libevent扩展时加上 -with-libevent=/usr/local/webserver/libevent/：
./configure  -with-libevent=/usr/local/webserver/libevent/
---
原因是如下的包没有安装
libevent-devel
把此包安装上去就好了
yum -y install libevent-devel

root@116.255.139.240:~/software# rpm -qa|grep libevent
libevent-1.4.13-1
root@116.255.139.240:~/software# rpm -ql libevent-1.4.13-1
/usr/lib/libevent-1.4.so.2
/usr/lib/libevent-1.4.so.2.1.3
/usr/lib/libevent_core-1.4.so.2
/usr/lib/libevent_core-1.4.so.2.1.3
/usr/lib/libevent_extra-1.4.so.2
/usr/lib/libevent_extra-1.4.so.2.1.3
/usr/share/doc/libevent-1.4.13
/usr/share/doc/libevent-1.4.13/README

libevent的官网：http://libevent.org/
wget https://github.com/downloads/libevent/libevent/libevent-2.0.16-stable.tar.gz

yum -y install libevent-devel  主要是防止编译PHP扩展Configure时出现找不到.h文件，有了它就不用指明：-with-libevent=/usr/local/webserver/libevent/
./configure prefix=/usr/local/webserver/libevent/

扩展安装：http://pecl.php.net/package/libevent
wget http://pecl.php.net/get/libevent-0.0.4.tgz
/usr/local/webserver/php/bin/phpize
./configure  -with-libevent=/usr/local/webserver/libevent/
自己安或者yum，注意：yum安可能会出现问题:由於 PHP libevent 需要搭配C 的 libevent 1.4 以上版本 , 所以並非每個 Linux 套件都有 , 例如我的 CentOS 的 libevent 版本就比較舊 , 因此要自行編譯 , 以下就說明 CentOS 5.4 下成功編譯 PHP libevent 的步驟,PHP Warning:  stream_select(): supplied argument is not a valid stream resource .
root@192.168.1.108:~/software/libevent-0.0.4# ./configure  -with-libevent=/usr/local/webserver/libevent/
root@192.168.1.108:~/software/libevent-0.0.4# make;make install
......
........
Build complete.
Don't forget to run 'make test'.
Installing shared extensions:     /usr/local/webserver/php/lib/php/extensions/no-debug-non-zts-20090626/

安装完毕，如下：
/usr/local/webserver/php/lib/php/extensions/no-debug-non-zts-20090626/libevent.so
DownLoad 测试源码，来自网上：

下载文件

点击这里下载文件

代码示例，来自网上,注释部分代码，测试读部分是ok的，如下：

<?php
$url = "www.baidu.com";
if(array_key_exists('url',$_GET)){
  $url = $_GET['url'];
}
$hosts = array("www.baidu.com", "www.google.com.hk");
#$hosts = array($url);
$timeout = 5;
$status = array();
$retdata = array();
$sockets = array();
$e = array();
/* Initiate connections to all the hosts simultaneously */
foreach ($hosts as $id => $host) {
  $errno = 0;
  $errstr = "";
  $s = stream_socket_client("$host:80", $errno, $errstr, $timeout,STREAM_CLIENT_ASYNC_CONNECT|STREAM_CLIENT_CONNECT);
  if ($s) {
    $sockets[$id] = $s;
    $status[$id] = "in progress";
  } else {
    $status[$id] = "failed, $errno $errstr";
  }
  $retdata[$id] = '';
}
/* Now, wait for the results to come back in */
while (count($sockets)) {
  echo "Select function Judges read or write has  status change\n";
  $read = $write = $sockets;
  /* This is the magic function - explained below */
  $n = stream_select($read, $write, $e, $timeout);
  if ($n > 0) {
    /* readable sockets either have data for us, or are failed connection attempts */
    foreach ($read as $r) {
      $id = array_search($r, $sockets);
      $data = fread($r, 8192);
      if (strlen($data) == 0) {
        if ($status[$id] == "in progress") {
          $status[$id] = "failed to connect";
        }
        fclose($r);
        unset($sockets[$id]);
      } else {
        $retdata[$id] .= $data;
      }
    }
    /* writeable sockets can accept an HTTP request */
    /*
    foreach ($write as $w) {
      if(!is_resource($w))continue;
      $id = array_search($w, $sockets);
      fwrite($w, "GET / HTTP/1.0\r\nHost: ".$hosts[$id]."\r\n\r\n");
      $status[$id] = "waiting for response";
    }
    */
  } else {
    /* timed out waiting; assume that all hosts associated
     * with $sockets are faulty */
    foreach ($sockets as $id => $s) {
      $status[$id] = "timed out " . $status[$id];
    }
    break;
  }
}
/*
foreach ($hosts as $id => $host) {
#echo "Host: $host\n";
#echo "Status: " . $status[$id] . "\n";
#echo "Retdata: " . $retdata[$id] . "\n";
  $strs = explode("\r\n\r\n",$retdata[$id],2);
  echo isset($strs[1])?$strs[1]:$retdata[$id];
}
function debug($i){
  var_dump($i);
  var_dump(gettype($i));
  var_dump(is_resource($i));
}
*/
?>

网上其他的步骤，主要是注意不有yum默认的安装方法【由於 PHP libevent 需要搭配C 的 libevent 1.4 以上版本 , 所以並非每個 Linux 套件都有 , 例如我的 CentOS 的 libevent 版本就比較舊 , 因此要自行編譯 , 以下就說明 CentOS 5.4 下成功編譯 PHP libevent 的步驟】：

1. 編譯 libevent

解開 libevent source code , 進入 source code 目錄

執行 ./configure –prefix=/usr/local

執行 make

執行 make install

2. 編譯 PHP libevent

解開 PHP libevent source code , 進入 source code 目錄

執行 phpize

執行 ./configure –with-libevent=/usr/local

執行 make

執行 make install

這樣會把 libevent.so 安裝到 /usr/lib/php/modoules 或 /usr/lib64/php/modules , 看 os 是 32bit 或 64bit

同时呢，也可以参考下这个URL：http://www.ooso.net/archives/607

附录，关于curl_multi一族函数的问题：

阅读全文

[个人原创]Linux下的C++调试服务器之常用调试命令小记

Php/Js/Shell/Go jackxiang 2011-11-10 13:44

1.模拟Linux下的82端口：[Linux自带的nc (netcat) ]
Suse： netcat -l -p 82
Centos： nc -l localhost 82

参考：http://linux.vbird.org/linux_server/0140networkcommand.php
2.查看某个特定进程的CPU，内存等信息：
top只能看前几位，但是这样就可能看到任意，top -p 进程号，如：

3.tcpdump之监听某个端口：

4.gdb 之调试某个启动后的进程（注意该进程必须编译时加 -g）：
通过ps 知道进程号为：16418,这样：

有某个文件的106行停止。

5.尽量在调试C++服务程序时不要用到 -O2，也就是不要用优化，这样更方便GDB调试。

6.善于用ipcs -m查看共享内存：

Eof。
Write -By:jack

实践情况：
端口收到实践：
netcat -l -p 82
gooddaygooddaygooddaygooddaygooddaygooddaygooddaygooddaygooddaygooddaygooddaygooddaygooddaygoodday
root@116.255.139.240:~# nc -l localhost 82
goodday
端口监听情况：
tcpdump -n -ilo port 82
tcpdump: verbose output suppressed, use -v or -vv for full protocol decode
listening on lo, link-type EN10MB (Ethernet), capture size 96 bytes
14:04:10.344635 IP 127.0.0.1.38541 > 127.0.0.1.82: S 3710369840:3710369840(0) win 32767 <mss 16396,sackOK,timestamp 1126784740 0,nop,wscale 2>
14:04:10.344859 IP 127.0.0.1.82 > 127.0.0.1.38541: S 3702073690:3702073690(0) ack 3710369841 win 32767 <mss 16396,sackOK,timestamp 1126784740 1126784740,nop,wscale 2>

jquery备忘录:Jquery操作集锦及时间插件和日历插件

Php/Js/Shell/Go jackxiang 2011-11-1 10:07

页面开始:
$(document).ready(function(){
...
});

class="no_update" 下所有input操作

    var obj = $('.no_update input').each(function(){
           $(this).attr("disabled","disabled")
    });

    select:

    var obj = $('.no_update select').each(function(){
        $(this).attr("disabled","disabled")
    });

解析json:
var arr_link = <?php echo json_encode($arr_link)?>;

var arr = arr_link[id];
$.each(arr,function(key,val){
     alert(key+val);
});

隐藏:
$('#product').css("display","none");

去除样式:
$('#product').removeAttr("Style");

清空:
$("#category_id").empty();

追加:
$("<option value='0'>请选择</option>").appendTo("#category_id");

下一个节点
var obj = $(change_obj).next().next();

绑定事件:
$('#text_id').change(function(){
........
});

get by name:
var name = $('input[name^="start_day"]');
    $.each (name,function (key,val){
        alert(val.value);
    });

Select option:
var subregion_id = $('#subregion_id_'+ad_id).get(0);
    subregion_id.options.length = 0;
    subregion_id.options[0] = new Option('请选择',0);
subregion_id.options[i+1] = new Option(result[i].TypeName,result[i].TypeId);

var subregion_id = $('#subregion_id_'+ad_id).val();
var subregion_text=$('#subregion_id_'+ad_id).find("option:selected").text();

ajax 返回:
$.ajax({
            url: '/ajax/i.php',
            data: 'type=get_category&type_id='+type_id,
            type: 'GET',
            dataType: 'json',
            success: function(result){
            if(result){
                for(var i=0; i< result.length; i++){
                    $("<option value='"+result[i].category_id+"'>"+result[i].category_name+"</option>").appendTo("#category_id");
                }
            }
            }
        });

绑定时间框:
var cal = Calendar.setup({
        onSelect: function(cal) { cal.hide() },
        showTime: false
    });
    var start_day = $('input[name^="start_day"]');
    $.each (start_day,function (key,val){
        cal.manageFields(val.id, val.id, "%Y-%m-%d");
    });

关键字自动下拉框;
$("#keyword").autocomplete("getkeyword.php?type=get_names", {
        width: 363,
        autoFill: false,
        mustMatch: false,
        selectFirst: false,
        minChars: 0
    });
    $("#keyword").result(function(event, data, formatted) {
        if (data) {
            $("#keyword_id").val(data[1]);
        }
    });


来源：blog.sina.com.cn/s/blog_6b7d19300100pvxf.html

JQuery中$(function() {...}代表什么意思？

Php/Js/Shell/Go jackxiang 2011-10-28 12:37

它是 $(document).ready(function(){...})的简写形式，或者: $().ready(function(){...})
意思就是页面载入后执行...的代码.是jq中最重要的一句话,基本上是必须的.所有页面载入有执行的代码都要写着里面

[实践理解]js call 方法使用及摘录

Php/Js/Shell/Go jackxiang 2011-10-26 11:10

缘起：
发现一兄弟写的代码如下：我一查Jquery没有查到，Js没学好，哈，原来是Js的函数：

于是，探讨后他写出如下，我自己改造了下，这个call，

网上有博客说这个call，补充如下，原文URL丢失了，抱歉，粘贴如下：

阅读全文

[旧瓶新酒]javascript的console.log()输出在FireBug下查看及调试。同时firebug也支持debugger关键字后用来检测是否F12打开了调试器了。

Php/Js/Shell/Go jackxiang 2011-10-25 11:41

分组信息输出有点意思：
console.group("第一组信息");console.log("%s,%d",string,int); console.groupEnd();
console.time() console.endTime(）结合在一起能查看脚本执行时间
------
同时firebug也支持debugger关键字了：
firebug: 有了这个firebug的新的debugger后，就会停留在那儿，可以查看里面的参数（脚本-》监控）及函数（脚本-》堆栈）情况。
microsoft script editor: IE下的，不太用，可能用下。

------
http://ticket.cpcmuseum.cn/Home/Index
http://ticket.cpcmuseum.cn/Scripts/PageProtection.js?Math.random()

相减是微秒它这儿50微秒就认为是用F12打开调试了，会提示不让调试，且间隔1000毫秒进行检测（setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式）：
Date Fri Aug 13 2021 22:35:27 GMT+0800 (中国标准时间)
PageProtection.js:94:17
Date Fri Aug 13 2021 22:35:27 GMT+0800 (中国标准时间)
PageProtection.js:95:17
673

开启 debugger ，代码在执行到第三行前终止。也就是说打开F12会终止，出现间隔大于50毫秒的情况，也就提示用户不让你调试哟，怎么办？Fiddler伺候替换文件即可。其实完全可以用fiddler直接替换掉这个页面里面的部分JS语句即可绕过：
https://jackxiang.com/post/8535/

前言：Javascript自己有这样一个函数输出，其目的在于对变量的跟踪，而后端有FirePHP变量输出在Header头中，
见：http://jackxiang.com/post/1117/
而前端有Js的console.log()来实现输出到FireBug中，以提高快速开发和调试逻辑等错误的目的（如果对于多维数组一个一个去打印，没这个来得快），
也就是本文想要描述的话题，尽管陈旧，但还是值得借鉴和实用的价值。

在FireBug控制台中输出：

========
自己试了下果然有这个功能：

FireBug输出：

参考来源：
http://hi.baidu.com/%C4%AD%C4%AD%CF%C4a/blog/item/b5d197ae118209ecfaed501d.html

给Adobe Dreamweaver CS5安装jQuery语法提示插件

Php/Js/Shell/Go jackxiang 2011-10-25 10:18

近在做项目时经常会用到jQuery，无意中获得了Dreamweaver的jQuery语法提示插件，在项目开发时带来了很多方便。下面来介绍一下。

其实该Dreamweaver CS5绿色版的jquery代码提示插件是提取于原版之中的，所以简单实用，无需安装，只需要覆盖相应的目录里即可。

点击此处下载插件，然后进行安装：

下载文件

点击这里下载文件

目前最新的Jquery1.4.2：

下载文件

点击这里下载文件

1、把shared、Extensions、codehints三个文件夹复制到：
WinXP:C:\Documents and Settings\Administrator\Application Data\Adobe\Dreamweaver CS5\zh_CN\Configuration
win7:C:\用户\Administrator\AppData\Roaming\Adobe\Dreamweaver CS5\zh_CN\Configuration
下即可。
注意：Administrator是你实际登录的用户的文件夹；AppData是隐藏文件夹。
我的是：C:\Documents and Settings\jackxiang\Application Data\Adobe\Dreamweaver CS5\zh_CN\Configuration
2.启动Dreamweaver CS5即可，语法提示功能如下：
盗链，去掉了。
发现一个问题：先建立的站点才行，以前建立的只能$提示，而$("#XXX"). 这儿还是老的提示，呵呵，自己再重新建立一次试试，发现已经Ok的html文件还是不行，只有自己新建立的.html才提示，得新建立，也就是得从刚开始就纳入管理才能提示，这个插件这块上处理不是很好，EOF。

[实践Ok] Jquery一句话全选的代码及jquery 操作复选框checkbox的例子(全选,反选,获取选取值)

Php/Js/Shell/Go jackxiang 2011-10-25 09:15

Jquery一句话全选的代码，实践Ok：$("input[type='checkbox']").attr("checked","checked");

阅读全文

[个人原创]PHP开发中修改Windows下的host文件快捷方法

Php/Js/Shell/Go jackxiang 2011-10-17 11:33

经常我们在开发中需要打开并修改host文件，如何更快找到呢？
host文件的路径是：

我的快捷方法是：
第一步：先同时按下微软图标 + r ，弹出：运行框
第二步：在框中输入： drivers ，系统会自动打开这个目录：C:\WINDOWS\system32\drivers
第三步：自己用鼠标点里面的etc目录进去即是host文件的所在。

[个人原创]使用Jquery的鲜活绑定(lively-ness)，解决“新添加的元素，事件不可用”的问题

Php/Js/Shell/Go jackxiang 2011-10-10 18:56

要求：当点击+按钮时，添加一个File位置，上传控件，当想删除这个上传文件控件时，点-取消。
问题：原有DOM上的三个上传文件框可以绑定上删除一个的事件，但是，通过AddInput.click生成的就没有。
如下：

解决：使用Jquery的Live Query插件，删除新加的文件控件的JS代码改为，livequery这个加上：
<script type="text/javascript" src="/js/jquery/jquery.livequery.js"></script>

参考来源：
使用Jquery的鲜活绑定(lively-ness)，解决“新添加的元素，事件不可用”的问题：
http://www.cnblogs.com/yongzhi/archive/2008/11/27/1342096.html

附录如下：
添加新上传文件Js事件：

[个人原创]从苹果网站上的Apache/2.2.3 (Oracle)说起，谈谈苹果网站的架构特色。

Php/Js/Shell/Go jackxiang 2011-10-6 23:27

steven jobs总算是走了，但蛮怀恋他老人家啊，尽管到目前我也买不起个苹果的本本上网什么的，但最近在同事的aire机上提前体验了下苹果的笔记本本，体验上创意上确实不错，于是也就立即逛逛他的苹果网站，发现也是用PHP+APache+Oracle做的，激发了我的兴趣，发现是用PHP连接Oracle的Apache架构实现，抓包发现服务器确实是：Apache/2.2.3 (Oracle)，我不太明白ORacle这块，但同时看网上有这样的问题的提出，老大们,你们的php连oracle难道没有连接池问题吗?稍多几个人访问web那oracle可怜的百十个连接就用完了,你们是怎么解决的?沿着这个问题做了下简单的分析和查找资料，也就是如何解决这个贴纸儿的问题：http://blog.fabrichina.net/archives/250，

抓包看看再说,URL:
http://www.apple.com/global/nav/scripts/shortcuts.php?q=ja&section=global&geo=us&transport=js

于是找了网站上的两篇文章，说明为什么能用PHP连接Oracle并不用在乎它的连接数，Oracle自己采用了连接池的中间件技术：
http://martincarstenbach.wordpress.com/2010/05/11/compiling-php-5-3-2-for-oracle-11-2-and-apache-2-2-3/
http://archimedes.bitfine.com/dms/building-php-for-oracle.html

同时还发现有其它这样的server在苹果网站上得到初步证实：
获得的包返回情况如下，这个Server ：Omniture DC/2.0.0，估计是：数据库驻留连接池 (DRCP) 的缩写。
标识补充：Oracle 数据库 11g 包含一个专门针对需要高可扩展性的应用程序的新特性：数据库驻留连接池 (DRCP)。通过 DRCP，我们可以在不同应用程序进程间共享数据库连接，从而更高效地使用服务器资源并全面提升吞吐量。Zend Server 随附的 PHP OCI8 扩展（目前为 V1.3.5）包含对 DRCP 的即用支持，使开发人员可以立即在其 PHP 应用程序中使用该特性。来源：http://blog.fabrichina.net/archives/250，再次查了下这方面网上关于ZendServe支持Oracle和Apache架构方面的r相关的文章，URL摘录如下：
（1）使用Zend Server 和Oracle 构建企业级PHP 应用:
http://www.zendchina.net/?action-viewnews-itemid-621
（2）11g新特性:常驻连接池DRCP(转):
http://space.itpub.net/23754390/viewspace-687268
（3）Oracle DRCP与PHP实际应用的区别:
http://database.51cto.com/art/201004/196170.htm

尝试访问苹果的URL如下，主要是证明这个Omniture Dc/2.0.0服务器的存在：
http://metrics.apple.com/b/ss/appleglobal,applestoreww,applestoreus,applestoreusconsum,applestoreamr,applestoreamrconsum/1/H.20.3/s9545065233069?AQB=1&ndh=1&t=6/9/2011%2023%3A28%3A57%204%20-480&ce=UTF-8&pageName=AOS%3A%20home%20-%20Return&g=http%3A//store.apple.com/us%3Fmco%3DNzc1MjMwNA&r=http%3A//store.apple.com/us&cc=USD&ch=AOS%3A%20home&server=a50028560&v1=AOS%3A%20TopNavigation%20%7C%20Store&h1=home&c2=AOS%3A%20US%20Consumer&v3=AOS%3A%20US%20Consumer&v4=AOS%3A%20home&c6=%3A%20AOS%3A%20home%20-%20Return&c8=AOS%3A%20home&c19=AOS%3A%20US%20Consumer%3A%20home&v19=AOS%3A%20US%20Consumer%3A%20home&c20=AOS%3A%20US%20Consumer&s=1400x1050&c=24&j=1.7&v=N&k=Y&bw=1400&bh=409&p=IE%20Tab%20Plug-in%3BAlipay%20security%20control%3BJava%20Deployment%20Toolkit%206.0.260.3%3BAliWangWang%20Plug-In%20For%20Firefox%20and%20Netscape%3BShockwave%20Flash%3BThunder%20DapCtrl%20NPAPI%20Plugin%3B&pid=AOS%3A%20home%20-%20First&pidt=1&oid=Nzc1MjMwNA&oidt=1&ot=A&oi=1&AQE=1

对该URL抓包返回头如下：

最后，只能模糊判断苹果网站的架构是基于这篇PPT来实现PHP和Oracle进行通信的，这个过程得到了学习，苹果在自己网站上采用的技术也很独特，佩服佩服啊:

下载文件

点击这里下载文件

[转贴]ExtJs与jQuery的比较

Php/Js/Shell/Go jackxiang 2011-10-3 10:20

jQuery

主页：http://jquery.com/
设计思想
简洁的思想：几乎所有操作都是以选择DOM元素（有强大的Selector）开始，然后是对其的操作（Chaining等特性）。

优点
小，压缩后代码只有20多k（无压缩代码94k）。
Selector和DOM操作的方便

Chaining：总是返回一个jQuery对象，可以连续操作。
文档的完整，易用性（每个API都有完整的例子，这是其它框架现在不能比的），而且网上还有很多其它的文档，书籍。
应用的广泛，包括google code也使用了jQuery。

使用jQuery的站点：http://docs.jquery.com/Sites_Using_jQuery
核心的开发团队和核心人员：John Resig等。
简洁和简短的语法，容易记。
可扩展性：有大量用户开发的插件可供使用（http://jquery.com/plugins/）
jQuery UI（http://jquery.com/plugins/，基于jQuery，但和核心的jQuery是独立的），不断发展中。
友好和活跃的社区：google groups: http://docs.jquery.com/Discussion
事件处理有很多方便的方法，如click，而不是单一的addEvent之类的。

缺点
由于设计思想是追求高效和简洁，没有面向对象的扩展。设计思路和Mootools不一样。
CSS Selector的速度稍微有些慢（但是现在速度已经大幅提高）

Ext JS
主页：http://extjs.com/

设计思想
组件化，推进RIA（Rich Internet Application）的应用。

优点
强大的UI，而且性能不错，这是其最大的优点。
速度快，管是UI还是其它模块。
100%面向对象和组件化的思想，一致的语法，全局的命名空间。
文档的完整，规范，方便。
核心的开发团队，Jack Slocum等。
活跃的社区，迅速增加的用户量。
模块化实现，可扩展性强。
所有的组件（widgets）都可直接使用，而无需进行设置（当然，用户可以选择重新配置）。

缺点
稍复杂。
为重量级的框架（包含大量UI），体积大。如果导入ext-all.js，压缩后也有近500k。

ExtJs与jQuery比较

1.EXT体积大,jQuery更专注于简化最基础的开发工作.所以使用起来,也就感觉更像是使用原始的js进行开发一样

2.EXT界面美观,jQuery一般

3.EXT代码复用性强

4.EXT兼容性还是有点小问题,jQuery兼容性良好

5.EXT不易调试，

6.Ext使页面是只留下body,搜索引擎无法收录这样,不利于SEO排名

7.jQuery的事件绑定更强

Ext简化了很多工作,让开发更简洁,更方便,但也带来了很多麻烦,给我们留下了更小的选择空间，局域网里面我们可以使用EXT，但是在互联网上请优先jQuery

向东博客专注WEB应用构架之美 --- 构架之美，在于尽态极妍 | 应用之美，在于药到病除|赢在IT，Playin' with IT,Focus on Killer Application,Marketing Meets Technology.

Jquery中的this与$(this)

[个人备忘]网页里做异步的跨域请求之iframe无刷新跨域上传文件并获取返回值

[个人原创]Warning: Invalid argument supplied for foreach 最简单解决方法

从SVN导出指定版本号之间修改的文件,某个人在某个版本之间修改的文件

[个人原创]php msg_get_queue创造或附在一个消息队列上,进行简单的队列分发。

[个人原创]在Centos6.0机器上安装PHP的 libevent PECL Package 扩展步骤及实例，以及实现多个USB转串口的读写实践成功 ,可以用select函数。

[个人原创]Linux下的C++调试服务器之常用调试命令小记

jquery备忘录:Jquery操作集锦及时间插件和日历插件

JQuery中$(function() {...}代表什么意思？

[实践理解]js call 方法使用及摘录

[旧瓶新酒]javascript的console.log()输出在FireBug下查看及调试。同时firebug也支持debugger关键字后用来检测是否F12打开了调试器了。

给Adobe Dreamweaver CS5安装jQuery语法提示插件

[实践Ok] Jquery一句话全选的代码及jquery 操作复选框checkbox的例子(全选,反选,获取选取值)

[个人原创]PHP开发中修改Windows下的host文件快捷方法

[个人原创]使用Jquery的鲜活绑定(lively-ness)，解决“新添加的元素，事件不可用”的问题

[个人原创]从苹果网站上的Apache/2.2.3 (Oracle)说起，谈谈苹果网站的架构特色。

[转贴]ExtJs与jQuery的比较

分类

最新日志

链接

向东博客 专注WEB应用 构架之美 --- 构架之美，在于尽态极妍 | 应用之美，在于药到病除|赢在IT，Playin' with IT,Focus on Killer Application,Marketing Meets Technology.

分类

最新日志

链接

向东博客专注WEB应用构架之美 --- 构架之美，在于尽态极妍 | 应用之美，在于药到病除|赢在IT，Playin' with IT,Focus on Killer Application,Marketing Meets Technology.