Evansdiy | On the Web !
节后综合征！
...
psvita亮紫灯的处理办法
1月 27, 2012 分类：Blog、psvita 暂无评论！
一直以为psvita只有两种状态指示灯，橘红色和蓝色，今天长时间接着笔电，晚上回家的时候，指示灯居然变成紫色，这还是头一次见到
处理办法也很简单，长按电源键（需要按久一点），直到ps键的灯灭了，再开机就ok了
但是这紫灯到底意味着什么，就不得而知了
记一件最有意义的事
你知道对于一个上班族来说，最有意义的一件事是什么吗，那就是休假，对我来说，把这件最有意义的事以最没意义的办法做出来就是最有意义的一件事了，亲，多看几遍你就明白了。
上周调休了2天，加上周末，连休四天，爽歪歪啊，但是大好的时间还是宅在住所，说好的要出去走走的~可是兜里不揣着点钱，带几张卡，真是没脸走出这个屋子啊，而且还是一个资深的拖鞋党，破拖鞋走着走着就能给你断了，思前想后，做了一个历史性的决定，宅在住所里吃泡面得了。
集团要发补助了，钱虽然不多，但是也让人高兴，其实我挺受不了内网里头那些销售的，整天嫌这个嫌那个，总之他们就是觉得自己好亏，以我粗浅的阅历外加一点点的偏见，也许和他们的职业有关，恩，丁点大的事情也要讨价还价~，真难伺候啊，再看看，丫的，这些抱怨的都已经买房了，有饭吃、有人睡，就应该感谢党和国家了，这些不知足的家伙XD……
最近处于一种混沌的状态，振作啊~，资深宅男~
YUI3组件的基本开发范式-基于plugin
6月 03, 2011 分类：Javascript、YUI3-基础 暂无评论！
YUIblog提供了许多优秀的学习资源，我比较喜欢看theater中的内容，其中有两集介绍了组件的开发过程，通过构建一个基于plugin的tooltip组件，介绍YUI3组件的开发范式，当然，这个组件不是特别实用，但作为一个例子，也应该足够了。
ToolTip的普通实现
- 获取链接上的title，将链接上的title值置空，因为我们不想在鼠标hover时，出现浏览器默认的提示效果；
- 将获取的title置入动态生成的容器中，并绑定鼠标移入、移出的事件处理函数，设置容器相对于鼠标的位置和渐隐效果。
- 做到js禁用后的优雅降级，使用默认的title效果
基本实现：
html:
<a href="" title="" class="tooltip">Sample Text</a>
css:
.tooltip{
display:none;
position:absolute;
padding:5px 10px;
border:1px solid #eee;
border-bottom-color:#e0e0e0;
/*阴影*/
-webkit-box-shadow: 2px 2px 10px #eee;
-moz-box-shadow: 2px 2px 10px #eee;
-ms-box-shadow: 2px 2px 10px #eee;
box-shadow: 2px 2px 10px #eee;
/*渐变*/
background: -webkit-gradient(linear, left top, left bottom , from(#fff), to(#eee));
background: -webkit-linear-gradient(top, #fff, #eee);/*较新版webkit*/
background: -moz-linear-gradient(top, #fff, #eee);
background: -o-linear-gradient(top, #fff, #eee);
}javascript：
YUI().use('node-base','node-style','transition',function(Y){
var lnk = Y.one('a'),
toolTipContent = lnk.getAttribute('title'),
toolTipNode= Y.Node.create('<div class="tooltip" />');
lnk.setAttribute('title','');//重置title值，我们不希望浏览器默认的title效果显示出来
toolTipNode.setContent(toolTipContent);
lnk.insert(toolTipNode,'after');
lnk.on({
'mouseenter': function(e) {
toolTipNode.setStyles({
'display': 'block',
'top': 'e.pageY + 5,
'left': e.pageX + 5,
'opacity': 0
}).transition({
'opacity': 1
});
},
'mouseleave': function(e) {
toolTipNode.transition({
'opacity': 0
},function() {//动画执行完成以后，执行以下回调
this.setStyle('display','none');
})
}
});
})YUI3下，tooltip的实现的确非常容易，现在，我们把功能抽离出来，形成一个组件，一个plugin的基本结构：
安装node.js
5月 31, 2011 分类：Javascript、nodejs 暂无评论！
nodejs的优点就不说了，网上一大堆，晚上心血来潮，我这个土包子也装了一个。
安装前的准备
安装git-core，以Ubuntu为例：
sudo apt-get install git-core
Fedora先su提权，yum install git-core，下同。
检查g++环境和libssl-dev包是否安装，否则编译时会出现以下错误：
//无g++环境
Checking for program g++ or c++ : not found
Checking for program icpc : not found
Checking for program c++ : not found
//libssl-dev未安装
Checking for openssl : not found
Checking for function SSL_library_init : not found
Checking for header openssl/crypto.h : not found解决办法：
在javascript中创建对象的各种模式
5月 30, 2011 分类：Javascript、javascript基础 暂无评论！
最近在看《javascript高级程序设计》（第二版），睡不着觉，把笔记拿出来看看。
javascript中对象的创建
面向对象的语言大都有一个类的概念，通过类可以创建多个具有相同方法和属性的对象。虽然从技术上讲，javascript是一门面向对象的语言，但是javascript没有类的概念，一切都是对象。任意一个对象都是某种引用类型的实例，都是通过已有的引用类型创建；引用类型可以是原生的，也可以是自定义的。原生的引用类型有：Object、Array、Data、RegExp、Function。
！引用类型就是一种数据结构，将数据和功能组织在一起，通常被称为类。
缺乏类概念的javascript中，需要解决的问题就是如何高效的创建对象。
1.1.0.创建对象的一般方法
var person = {}; //对象字面量表示，等同于var person = new Objcect();
person.name = 'evansdiy';
person.age = '22';
person.friends = ['ajiao','tiantian','pangzi'];
person.logName = function() {
console.log(this.name);
}基于Object引用类型，创建了一个对象，该对象包含四个属性，其中一个为方法。如果需要很多类似person的实例，那就会有许多重复的代码。