第一次做个程序的nodejs作品，并且测试时间比较短，肯定会有很多问题和bug，希望大家一起斧正。另外页面样式css高手可以自己写，包括动画自定义都可以在css文件中直接修改添加。

说明

因为是PPT演示文档，所以需要投影仪分辨率，所以演示页面的最佳分辨率为全屏模式下的 1024*768 ，如果在自己电脑上查看，可以通过 ctrl + - 和 ctrl + + 缩放到合适的比例查看效果。

建议浏览器chrome 16+，全屏模式（F11），以达到最佳动画效果。在Firefox下会出现拖尾现象，个人认为是Firefox 8下对CSS3动画效果渲染太慢导致，其他浏览器未测试。

nodePPT iphone手机端截图

使用说明

1. 配置route.json
2. 配置ppt的文件
3. 启动node：node server.js
4. PC访问：如127.0.0.1:3000/demo.ppt
5. 手机端访问：127.0.0.1:3000/ctrl
6. 手机端setup，选择控制用户后，开始控制

具体使用方法启动node server.js之后访问127.0.0.1:3000/index.ppt，里面有详细的介绍

快捷键

• 空格/→/↓/Tab/pageDown：下一页
• ←/↑/pageUp：上一页
• P：开画板
• C：清除画板

版本库地址

支持三种访问协议：

1. HTTP协议： https://ksky521@github.com/ksky521/nodePPT.git 。
2. Git协议： git://github.com/ksky521/nodePPT.git 。
3. SSH协议： ssh://git@github.com:ksky521/nodePPT.git 。

克隆版本库

操作示例：

$ git clone git://github.com/ksky521/nodePPT.git

联系方式

作者博客：js8.in

作者新浪微博：@三水清

随机文章

• 企业黄页网站GongSiHuangYe.COM上线
• 评论开通了~加上啦~
• windows搭建memcached环境
• jQuery选择器使用详解
• 通过PHP批量下载图片文件
• 终于快转正啦~
• windows下安装基于Apache的SVN服务器
• 奋斗了两天！

© 三水清 for 三水清, 2012. | 3 comments |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: javascript, nodejs, PPT

猜你喜欢：
nodejs教程：配置nodejs.exe的windows目录结构	webSlide — PPT演示文档javascript框架	nodejs教程：安装express及配置app.js文件	使用cygwin在windows下安装nodeJS
无觅

var obj = {
	handleEvent: function() {
		alert('body clicked');
	}
};
document.body.addEventListener('click',obj,false);

测试发现这段代码在IE9+，chrome，FF，opera等浏览器是正确的（测试范围可能不够宽），而且可以成功的绑定click事件。在Qwrap群里一问才知道是DOM2中接口，很有意思的一个发现，@貘大大 也发微博说自己先入为主了，我相信很多人跟@貘大大 一样都先入为主了。

addEventListener的handleEvent应用

发现了这个“新大陆”有什么用法呢？哈哈~首先想到的是对象引用。看下面的javascript代码：

<script type="text/javascript">
var obj = {
handleEvent: function() {
	alert('body clicked');
}
};
document.body.addEventListener('click',obj,false);
function fn2(){
	obj.handleEvent = function(){
		alert('fn2');
	};
}
</script>
<button onclick="fn2();">change</button>

因为对象的引用关系，点击下button就可以切换绑定事件的处理函数，而不需要remove之前的事件，然后重新绑定一个新的处理函数。

如果你觉得这个不够炫，那么下面的javascript代码可能就更有吸引力了哦~

var obj2 = {
	addEvent:function(el){
		el.addEventListener('click',this,false);
	},
	handleEvent:function(e){
		alert(e.target);
	}
};
obj2.addEvent(document.body);

addEventListener handleEvent缺点

显而易见，IE6~IE8不能使用……可是如果是高级浏览器还是不错的功能哦~

扩展阅读

http://peter.michaux.ca/articles/our-backwards-dom-event-libraries
http://ajaxian.com/archives/an-alternative-way-to-addeventlistener

随机文章

• 通过javascript实现整站黑白效果
• 在普加工作的十个要求
• 新功能-QQ秀上线
• 设置htaccess应该注意的问题
• chrome字体最小值12px问题及解决方法
• 08.11.13
• 承接企业网站建设，企业建站工作
• javascript获取光标位置以及设置光标位置

© 三水清 for 三水清, 2012. | One comment |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: addEventListener, javascript

猜你喜欢：
非字母javascript	通过javascript实现整站黑白效果	Javascript正则表达式详解	Javascript设置光标位置到结尾并显示出来
无觅

webSlide是用于在线PPT演示文档的javascript框架

鸣谢

webSlide的想法来自于impress.js，但是本人在使用过程中发现impress.js经常卡，尤其是当演示文档页面和图片比较多之时，经常出现动画效果不流畅。

写webSlide代码过程中，研究过impress.js和reveal.js，向两位作者表示感谢。

演示页面

演示页面地址http://ksky521.github.com/webSlide/，由于页面比较多，所以需要一定的加载时间。

国内可以访问SAE上的演示页面：http://qdemo.sinaapp.com/ppt/udc.htm。

演示页面内容为给公司UDC部门同事进行javascript入门培训的内容~

说明

因为是PPT演示文档，所以需要投影仪分辨率，所以演示页面的最佳分辨率为全屏模式下的 1024*768 ，如果在自己电脑上查看，可以通过 ctrl + - 和 ctrl + + 缩放到合适的比例查看效果。

建议浏览器chrome 16+，全屏模式（F11），以达到最佳动画效果。在Firefox下会出现拖尾现象，个人认为是Firefox 8下对CSS3动画效果渲染太慢导致，其他浏览器未测试。

使用示例

wSlide({
    slideId:'slide',//演示文档id
    canvasId:'myCanvas',//画板id
    ctrlId:'slideCtrl'//控制部分id
});

参数说明

• slideId: 演示文档内容部分ID，class为step为每页，slide为带边框的页面，必填
• canvasId: canvas元素画板部分ID，选填
• ctrlId: 控制部分ID，class为home代表返回首页，class为paint开启画板，class为clearIt清除画板，选填
• presentClass: 当前幻灯片class，选填，默认为present
• pastClass: 上一页幻灯片class，选填，默认为past
• futureClass: 下一页幻灯片class，选填，默认为future

快捷键

• 空格/→/↓/Tab/pageDown：下一页
• ←/↑/pageUp：上一页
• P：开画板
• C：清除画板

版本库地址

支持三种访问协议：

• HTTP协议： https://ksky521@github.com/ksky521/webSlide.git 。
• Git协议： git://github.com/ksky521/webSlide.git 。
• SSH协议： ssh://git@github.com:ksky521/webSlide.git 。

克隆版本库

操作示例：

$ git clone git://github.com/ksky521/webSlide.git

联系方式

作者博客：js8.in

作者新浪微博：@三水清

随机文章

• IE6 PNG图片不透明问题的解决方法
• 十七届三中全会思想汇报~
• nodejs教程：安装express及配置app.js文件
• 真正的jQuery的radio与checkbox取值
• 新浪微博应用：微博送大礼
• 微软官方发布IE调试工具：SuperPreview for IE
• cURL常用的几个PHP函数
• 去掉Eclipse插件Aptana启动显示My Aptana

© 三水清 for 三水清, 2012. | 6 comments |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: javascript, PPT, webSlide

猜你喜欢：
javascript入门到高级PPT	nodePPT — nodejs做的手机端控制PC端的PPT演示文档javascript框架	非字母javascript	javascript获取光标位置以及设置光标位置
无觅

Windows下的Memcache安装

1、下载memcache for windows。下载地址：http://jehiah.cz/projects/memcached-win32，推荐下载binaries版本，解压(本例中解压到c:\\memcached)。
2、在命令行状态下输入： c:\\memcached\\memcached.exe -d install 。至此memcached已经安装成windows服务
3、在命令行下输入： c:\\memcached\\memcached.exe -d start 以启动memcached服务。当然也可以选择在windows服务中启动
你没看错，就是这么简单，简简单单的三步memcache的服务器端就准备完毕

php安装Memcached模块支持

1、下载php_memcache.dll模块，你可以从http://downloads.php.net/pierre/找到对应的版本，
php5.3的直接下载http://shikii.net/blog/downloads/php_memcache-cvs-20090703-5.3-VC6-x86.zip

2、修改php.ini，添加如下内容：

extension=php_memcache.dll

3、重启apache服务器，然后查看一下phpinfo，如果有memcache，那么就说明安装成功！

测试windows下的Memcached

测试代码如下：

<?php
$mem = new Memcache;
$mem->connect("127.0.0.1", 11211);
$mem->set('key', 'Hello Memcached!', 0, 60);
$val = $mem->get('key');
echo $val;

更多测试代码，需要移步：
http://www.php.net/manual/en/memcache.examples-overview.php

Memcached的基本设置

-p 监听的端口
-l 连接的IP地址, 默认是本机
-d start 启动memcached服务
-d restart 重起memcached服务
-d stop|shutdown 关闭正在运行的memcached服务
-d install 安装memcached服务
-d uninstall 卸载memcached服务
-u 以的身份运行 (仅在以root运行的时候有效)
-m 最大内存使用，单位MB。默认64MB
-M 内存耗尽时返回错误，而不是删除项
-c 最大同时连接数，默认是1024
-f 块大小增长因子，默认是1.25
-n 最小分配空间，key+value+flags默认是48
-h 显示帮助

Memcache安装参考资源

http://www.codeforest.net/how-to-install-memcached-on-windows-machine
http://shikii.net/blog/installing-memcached-for-php-5-3-on-windows-7/

随机文章

• 让我们来搞搞搜狗云输入法
• NotePad++安装和配置
• 新功能-QQ秀上线
• 发布一组QQ微博邀请链接
• 实时公布腾讯微博邀请种子
• Google2009年Logo大盘点——第一季
• js8.in PR值升为4
• 修改获取验证码图片到本地的PHP程序

© 三水清 for 三水清, 2012. | One comment |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: memcached, php, 缓存

猜你喜欢：
21个常用的 PHP 代码汇总	通过PHP批量下载图片文件	PHP生成RSS类：RSS.class.php	linux安装PHP加速器eAccelerator
无觅

《XSS注入和防范》主要从xss是什么，xss的危害，xss的类型及其防范的措施，几个方面来讲解xss。希望对大家理解xss有所帮助，另外多说句cookie的httponly方式，在apache下面有个漏洞，当cookie超过4k的时候就会出现泄漏，所以要注意这个漏洞！（具体代码：狂点此处）

废话不多说了，上ppt地址：【PPT分享】XSS注入和防范，请使用支持chrome浏览器查看ppt页面

XSS注入和防范

xss是一种网站应用程序的安全漏洞攻击，是代码注入的一种。它允许恶意用户将代码注入到网页上，其他用户在观看网页时就会受到影响。这类攻击通常包含了HTML以及用户端脚本语言。

随机文章

• IE6 PNG图片不透明问题的解决方法
• 关于最近局域网受到Arp欺骗攻击
• 谷歌退出中国事件尘埃落定
• “学长，你考研挺忙吧？！”
• 推荐一款支持win7的超酷3D水纹屏保-Watery Desktop
• 提高Firefox的innerHTML()的性能
• Ajax文章评论上线！
• 最新的DreamHost优惠码免费发放

© 三水清 for 三水清, 2012. | One comment |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: PPT, xss, 安全

猜你喜欢：
webSlide — PPT演示文档javascript框架	nodePPT — nodejs做的手机端控制PC端的PPT演示文档javascript框架	javascript入门到高级PPT	分享一个php验证码类，支持中文字母数字，还可自定义字体
无觅

最近项目中掉进IE6 a标签abort两次坑，第一次是a标签绑定一个事件，href='javascript:;'这样a标签触发了事件，切换验证码图片，结果验证码图片总是显示不出来，通过抓包显示状态为abort。其实这个的原因可以从IE6中a标签执行顺序说起，IE6中a标签执行onclick在执行默认事件（即href跳转）之前，当触发了绑定的事件之后，那么处理完事件之后，如果不return false或者阻止默认事件，则会继续执行href跳转，IE6会认为页面跳转到其他页面或者页面重新刷新，则abort之前onclick事件中的请求。

所以当onclick时，做出的获取最新验证码图片的请求，会因为下一步href的触发而abort。同时，如果你在a绑定的事件中做ajax请求，那么也会被无情的abort。

IE6 a标签的请求被abort的解决方案

解决的方法就是在onclick或者绑定事件中return false来阻止a标签跳转的默认事件。
例如下面的代码：

<a href="javascript:void(0)" onclick="fn();return false;">Test</a>

或者你也可以给a标签的href写成“#”，即当前页面的锚点，这样页面就不会跳转，自然不会abort请求。

最好的方式还是两种都用，保险！

随机文章

• 发布一个Follow5的API PHP类
• jQuery弹出框插件wBox 1.0正式发布
• 正确理解javascript的this关键字
• 解决IE6不支持max-height的bug
• js判断浏览器的函数，可区分chrome，safari
• 关于jQuery ready()方法一些用法解释
• nodejs教程：安装express及配置app.js文件
• 送给你的TA另类的礼物，定要TA感动——爱墙

© 三水清 for 三水清, 2012. | 4 comments |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: abort, a标签, IE6

猜你喜欢：
IE6中a标签location.href失效解决方法	IE6下javascript不能隐藏select标签的bug	IE6 PNG图片不透明问题的解决方法	解决IE6 select z-index无效，遮挡div的bug
无觅

javascript中的escape()函数和unescape()函数用户字符串编码，类似于PHP中的urlencode()函数，下面是php实现的escape函数代码：

/** 
 * js escape php 实现 
 * @param $string           the sting want to be escaped 
 * @param $in_encoding       
 * @param $out_encoding      
 */ 
function escape($string, $in_encoding = 'UTF-8',$out_encoding = 'UCS-2') { 
    $return = ''; 
    if (function_exists('mb_get_info')) { 
        for($x = 0; $x < mb_strlen ( $string, $in_encoding ); $x ++) { 
            $str = mb_substr ( $string, $x, 1, $in_encoding ); 
            if (strlen ( $str ) > 1) { // 多字节字符 
                $return .= '%u' . strtoupper ( bin2hex ( mb_convert_encoding ( $str, $out_encoding, $in_encoding ) ) ); 
            } else { 
                $return .= '%' . strtoupper ( bin2hex ( $str ) ); 
            } 
        } 
    } 
    return $return; 
}

对应的解码php unescape代码是：

function unescape($str) 
{ 
    $ret = ''; 
    $len = strlen($str); 
    for ($i = 0; $i < $len; $i ++) 
    { 
        if ($str[$i] == '%' && $str[$i + 1] == 'u') 
        { 
            $val = hexdec(substr($str, $i + 2, 4)); 
            if ($val < 0x7f) 
                $ret .= chr($val); 
            else  
                if ($val < 0x800) 
                    $ret .= chr(0xc0 | ($val >> 6)) . 
                     chr(0x80 | ($val & 0x3f)); 
                else 
                    $ret .= chr(0xe0 | ($val >> 12)) . 
                     chr(0x80 | (($val >> 6) & 0x3f)) . 
                     chr(0x80 | ($val & 0x3f)); 
            $i += 5; 
        } else  
            if ($str[$i] == '%') 
            { 
                $ret .= urldecode(substr($str, $i, 3)); 
                $i += 2; 
            } else 
                $ret .= $str[$i]; 
    } 
    return $ret; 
}

随机文章

• IE6中a标签location.href失效解决方法
• 做个中国工会网竟然670万！
• 音乐版上线
• 引入CSS 的两种方式：link和@import的区别
• onbeforeunload与a标签在IE中的冲突bug
• CSS+jQuery实现滑动幻灯片实例详解
• 解决IE6背景图片不缓存的BUG
• 利用google博客的ping服务接口API加快网站收录

© 三水清 for 三水清, 2012. | No comment |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: escape, php, unescape

猜你喜欢：
PHP生成RSS类：RSS.class.php	通过PHP批量下载图片文件	PHP二维数组去重复项函数	cURL常用的几个PHP函数
无觅

DOMElement.contains(DOMNode)

link：https://developer.mozilla.org/En/DOM/Node.compareDocumentPosition。

DOMElement.contains(DOMNode)返回的不是一个布尔值，而是一个很奇怪的数值，它是通过如下方式累加计算出来的：

综上，来个@司徒正美 大大的方案：

var contains  = function(root, el) {
	 if (root.compareDocumentPosition)
		 return root === el || !!(root.compareDocumentPosition(el) & 16);
	 if (root.contains && el.nodeType === 1){
		 return root.contains(el) && root !== el;
	 }
	 while ((el = el.parentNode))
		 if (el === root) return true;
	 return false;
 }

随机文章

• 发布WordPress来访者天气预报插件
• JS的Image对象可用于检测图片类型是否合法
• php、js两种不同方式根据关键词返回经纬度接口【基于Google map API】
• 普通话考试！~
• 用批处理说中文！
• javascript在光标位置插入内容
• 樱花草，假如爱有天意
• Javascript设置光标位置到结尾并显示出来

© 三水清 for 三水清, 2012. | One comment |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: contains, javascript

猜你喜欢：
Javascript事件触发列表与详解	javascript获取光标位置以及设置光标位置	非字母javascript	JavaScript跨浏览器的添加删除事件绑定函数
无觅

安装webbench

安装过程比较简单，如果你的机子之前安装过一些常用软件直接使用下面的命令就可以了：

wget http://home.tiscali.cz/~cz210552/distfiles/webbench-1.5.tar.gz
tar zxvf webbench-1.5.tar.gz
cd webbench-1.5
make && make install

webbench安装报错

没有安装ctags

如果没有安装 ctags make 编译会报错：/bin/sh: ctags: command not found
这时当然是要安装ctags啦，于是：

apt-get install ctags

搞定

没有安装gcc

这时候可能会报错：

cc: Command not found

这时需要gcc：

apt-get install gcc

其他报错

如果出现下面的错误：

cannot create regular file `/usr/local/man/man1′: No such file or directory

这时需要创建/usr/local/man/man1文件来解决：

mkdir -m 644 -p /usr/local/man/man1

使用webbench做压力测试

经过上面的折腾，webbench终于安装好了，下面要做的就是做个压力测试了，在shell里面输入下面的命令：

webbench -c 500 -t 30 http://127.0.0.1/test.jpg

参数说明：-c表示并发数，-t表示时间(秒)

最后就会出现详细的测试信息了：

Webbench – Simple Web Benchmark 1.5
Copyright (c) Radim Kolar 1997-2004, GPL Open Source Software.

Benchmarking: GET http://127.0.0.1/test.jpg
500 clients, running 30 sec.

Speed=3230 pages/min, 11614212 bytes/sec.
Requests: 1615 susceed, 0 failed.

随机文章

• 【续】教你偷老师的课件甚至考试试题~
• 解决IE6不支持max-height的bug
• 最新版wBox 解决IE6 背景太小bug
• 主流浏览器的CSS Hack方法整理
• 使用xdebug调试PHP 找出PHP程序的瓶颈
• 08.11.18
• 是不是应该出售2fool.cn的域名
• 【PPT分享】XSS注入和防范

© 三水清 for 三水清, 2012. | One comment |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: linux, webbench, 压力测试

猜你喜欢：
linux安装PHP加速器eAccelerator	jQuery1.4正式版新功能及性能测试	Ubuntu安装Samba实现跟windows文件共享	使用windows7的virtual PC打造原装IE6、IE7、IE8测试环境
无觅

_=+[];$=_++;__=(_<<_);___=(_<<_)+_;____=__+__;_____=__+___;$$=({}+"")[_____]+({}+"")[_]+({}[$]+"")[_]+(($!=$)+"")[___]+(($==$)+"")[$]+(($==$)+"")[_]+(($==$)+"")[__]+({}+"")[_____]+(($==$)+"")[$]+({}+"")[_]+(($==$)+"")[_];$$$=(($!=$)+"")[_]+(($!=$)+"")[__]+(($==$)+"")[___]+(($==$)+"")[_]+(($==$)+"")[$];$_$=({}+"")[_____]+({}+"")[_]+({}+"")[_]+(($!=$)+"")[__]+({}+"")[__+_____]+({}+"")[_____]+ ({}+"")[_]+({}[$]+"")[__]+(($==$)+"")[___]; ($)[$$][$$]($$$+"('"+$_$+"')")();

看到这里你肯定抓狂了，但是这段代码是可以运行的，运行的结果是 alert('cool code'); 。

javascript分析

这段代码能够运行，原因是javascript是弱类型的脚本语言，而且语法相对松散。例如下面的javascript是正确的，而且是有出乎意料结果的：

true+true;//2
undefined+''//'undefined'
(true+"")[0];//'t'
[]=='';//true
''==0;//true
typeof (+'');//number,0
({}+'');//"[object Object]"
({}[0]);//undefined

所以我们想得到一个0就可以使用:

_= +[];
_= +'';

下一步通过位运算，++等运算可以得到0~9所有数字。

因为0就是false，则!0就是true，({}[0]);可以得到undefined，({}+'')可以得到字符串：[object Object]，字符串中的字符，可以组成新的字符串，于是通过组合，我们就得到了："constructor"。

javascript中的点(.)运算符和[]的作用都是一样的，只不过[]可以接收传入变量、字符串，所以我们可以得到一个Function对象，即：

(0)['constructor']['constructor'];

另外我们也知道，下面的代码是运行的：

Function('alert(1);')();

所以，我想剩下的你就懂了……

随机文章

• 使用mysqldump、into outfile和load data进行数据库导入导出备份
• 最新版WINDOWS 7 SP1下载地址出现
• 十大Google Buzz的使用技巧
• Less—让CSS如此简单
• IE中flash遮挡div现象的解决方案
• 新浪微博jsSDK操作指南
• 检查nginx配置，重载配置以及重启的方法
• 新浪微博应用：微博送大礼

© 三水清 for 三水清, 2011. | 5 comments |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: javascript

猜你喜欢：
Javascript设置光标位置到结尾并显示出来	Javascript事件触发列表与详解	Javascript正则表达式详解	JavaScript跨浏览器的添加删除事件绑定函数
无觅