公司又组织出游了，这次是泰山！
泰山，五岳之首！
五岳:
最近一次爬山是在04年或05年的时候爬的五指山（1867米），这次的任务还好。
因为是为了到山顶看日出，所以我们决定深夜十点由泰安市出发，十多分钟就到泰山景点了。让我意想不到的事，三更半夜泰山售票处排满了准备半夜爬山的游客，原来我们不是唯一的半夜爬山者。
...
最近Code时MyEclipse时不时会闪退然后弹出一个错误:
java was started but returned exit code=-1
如图
重启后原来没保存的代码都会丢失，一开始我认为这是程序偶然异常的结果，但几乎每天都有那么几次这种闪退现象，提示的错误也不是很详细。
于是做一下排查，错误后面带的都是MyEclipse安装目录下的ini配置信息，于是把内存调高点，还是无济于事，最后找到一个解决方法，即把MyEclipse启动配置文件ini中找到Vm这一行。Vm指的是Java虚拟机，默认你安装MyEclipse时会自带一个Java虚拟机，Vm配置那一行换成你安装的java虚拟机，如果你没安装过Java环境可以马上安装一个，如我安装的是1.7，则这么写:
...
sftp是一个文件传送协议，它类似于ftp，语法也差不多，但它是加密安全的传输。下边就简单介绍一下如何远程连接主机，进行文件的上传和下载，以及一些相关操作。
# 连接到192.168.1.20
sftp root@192.168.1.20
# 如果密码正确的话就会进入提示符等待操作
sftp>
# 下载远程/etc/nginx/nginx.conf 到本地 /root/nginx.conf
sftp> get /etc/nginx/nginx.conf /root/nginx.conf
# 上传本地文件 /root/nginx.conf 到远程 /etc/nginx/nginx.conf
sftp> put /root/nginx.conf /etc/nginx/nginx.conf
# 也可以上传目录下所有文件
sftp> put -r /root/ /etc/nginx/
...
前两天我写了一个MWheel插件，一些朋友用了表示很方便，非常感谢大家的捧场。
今天闲着没事，花一个小时写了这个滚屏Demo，利用前两天我写的MWheel插件，结合jQuery的便利选择器以及我最喜欢的ainmate做一个滚屏效果。当然，滚屏效果很简单，无非就是for循环递增递减就能实现，算法简单。
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>滚屏效果 - 琼台博客</title>
<style type="text/css">
* { margin:0; padding:0; }
.box { color:#FFF; text-align:center; font-size:10em; }
</style>
<script type="text/javascript" src="jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="MWheel.js"></script>
<script type="text/javascript" src="page.js"></script>
<script type="text/javascript">
window.onload = function(){
var element = document.getElementById('scroll');
$(element).width($(document).width());
$(element).height($(document).height());
box(element);
};
</script>
</head>
<body>
<div id="scroll">
<div class="box" style="background:red;" point="第一个">第一页</div>
<div class="box" style="background:black;" point="第二个">第二页</div>
<div class="box" style="background:blue;" point="第三个">第三页</div>
<div class="box" style="background:green;" point="最后一个">第四页</div>
</div>
</body>
</html>
...
项目中正好用到了鼠标滑轮监听事件，于是干脆把它整理成一个方便的JavaScript插件以便于日后有用。
MWheel.js
(function (window, undefined) {
var list = ['up', 'down'],
_this;
var handle = function (event) {
var delta = 0, e;
e = event || window.event;
if (e.preventDefault) {
e.preventDefault();
}
e.returnValue = false;
if (e.wheelDelta) {
delta = e.wheelDelta / 120;
} else if (e.detail) {
delta = -e.detail / 3;
}
if (delta) {
if (delta < 0) {
if (typeof _this[list[0]] === 'function') {
_this[list[0]].apply(_this, [e]);
}
} else {
if (typeof _this[list[1]] === 'function') {
_this[list[1]].apply(_this, [e]);
}
}
}
};
var MWheel = function (element) {
if (element) {
return new MWheel.fn.init(element);
} else {
return null;
}
};
MWheel.fn = MWheel.prototype = {
constructor: MWheel,
init: function (element) {
var i;
_this = this;
_this.element = element;
for (i = 0; i < list.length; i++) {
_this[list[i]] = null;
}
_this.element.addEventListener('DOMMouseScroll', handle, false);
_this.element.onmousewheel = handle;
//a.addEventListener("mousewheel", handle, false);
}
};
MWheel.fn.init.prototype = MWheel.fn;
MWheel.fn.addEventListener = function (action, fn) {
var i;
for (i = 0; i < list.length; i++) {
if (action === list[i]) {
_this[list[i]] = fn;
}
}
return _this;
};
MWheel.fn.removeEventListener = function () {
_this.element.removeEventListener('DOMMouseScroll', handle);
_this.element.onmousewheel = null;
};
window.MWheel = MWheel;
})(window);
...
前阵子做一个拖拽应用，在测试时惊奇地发现在Chrome下有个怪异的地方，Chrome下拖拽时鼠标指针会变为文本状态，即使你给被拖拽的节点定义鼠标样式也无济于事。
但后来测试，不管是不是拖拽状态，随便打开一个站点在任意的地方只要按住鼠标左键不松开并拖拽鼠标指针都会自动变为文本模式，这在拖拽时显的很难看。
后来找到解决方案，只需要在body中添加添加onmousedown="return false"即可，如:
<body onmousedown="return false;">
也可以在触发拖拽的时候动态添加上事件，等拖拽事件结束后动态删除也可以，如果body标签中也有onmousedown事件，那么只需要在后面添加return false即可。如:
...