• YUIcompressor ^{GUI TBcompressor}
• ESC(ECMAScript cruncher)
• JSmin ^GUI:JsMinGUI
• Dojo ShrinkSafe
• 在线Js压缩
• Google Closure compiler ^{Closure Tools}
• 打包下载地址

Yuicompressor的用法

java -jar D:\yuicompressor-2.4.2\build\yuicompressor-2.4.2.jar 
--charset UTF-8 D:\my.js -o D:\my-min.js
	
java -jar D:\yuicompressor-2.4.2\build\yuicompressor-2.4.2.jar 
--charset UTF-8 D:\my.css -o D:\my-min.css 

具体语法和其他参数参考：julienlecomte Yuicompressor。 也可以写一个批处理文件具体格式，同时处理多个文件，例如:将D盘中的WEBsite文件夹下的所有.CSS , .JS文件进行压缩

@echo off
::设置YUI Compressor启动目录
SET YUIFOLDER=D:\yuicompressor-2.4.2\build
::设置你的JS和CSS根目录，脚本会自动按树层次查找和压缩所有的JS和CSS
SET JSFOLDER=D:\WEBsite
echo look for JavaScript, CSS ...
chdir /d %JSFOLDER%
for /r . %%a in (*.js *.css) do (
@echo It's compressing  %%~a ...
@java -jar %YUIFOLDER%\yuicompressor-2.4.2.jar --charset UTF-8 %%~fa -o %%~fa
 )
@echo OK!
pause & exit

ESC(ECMAScript cruncher)

这个工具只能在Windows下使用,ESC.wsf提供5种压缩级别，从0到4：
Level 0 :: No compression 不对JS文件进行压缩
Level 1 :: Comment removal 移除JS文件中的注释
Level 2 :: Whitespace removal 移除JS文件中的注释及空行（默认，一般选择此级别就足够了）
Level 3 :: Newline removal 移除JS文件中的注释，将所有代码合并为一行
Level 4 :: Variable substitution 提供最新的压缩率，移除JS文件中的注释，将所有代码合并为一行，并且修改JS文件中的变量名。例如：将"big.js"按照压缩级别2来压缩（ESC.wsf默认压缩级别为2）为"min.js"

cscript ESC.wsf -ow min.js big.js 

Google Closure Tools 包含三大块

1. Closure Compiler：这是个JavaScript优化器，可以将JavaScript编译成压缩的、高性能代码。它除了能移除无效代码，重写代码使其最小化且运行更快，还能检查语法、变量引用和类型，并对一些常见JavaScript错误提出警告。同时，它还提供了Closure Inspector（一个Firefox插件）用于调试编译后的代码。FireFox插件
2. Closure Library：这是个广泛的、经过良好测试、模块化且跨浏览器的JavaScript库。在例子中可以看到，Google Docs就是用这个库写的。
3. Closure Templates：这是一个为Java和JavaScript实现的模板系统，可在服务器和客户端使用相同的模板。值得一提的是，JavaScript模板会进行预编译处理，以提高其性能。此外，Gmail和Google Docs也是使用该模板系统。

这是我用手机（30万像素）拍下的我一段生活的画面，调了一下对比度和亮度，勉强还能看清，特此纪念一段难忘的时光，祝福我们大家一切都好。

HTML5 最主要的特性就是加入了更加具有语义的标签比如：嵌入音频、视频、图片的函数、客户端数据存储，以及交互式文档，和页面元素，比如 header, section, footer, figure等。更详细的介绍可以看下面几篇文章的介绍:
A Preview of HTML 5
Yes, You Can Use HTML 5 Today!
W3C HTML5

但IE不支持HTML5这些有用的标签，HTML5,有两种方法让IE支持HTML5.

1.用 Google Chrome Frame插件

这中方法没什么好说的，参见Google Chrome Frame的说明。

2.用JS将HTML5增加的标签创建出来

<script>
var html5Tags=['header' ,'footer','article','nav' ,'section','aside']
for(var i=0;i<html5Tags.length;i++){
    document.createElement(html5Tags[i]);
}
</script>

查看演示

对于块级元素,宽度默认会继承父级的宽度也就是100%（内联元素没有宽度，即使定义了也无效），而最外层元素HTML的宽度一般是随窗口的改变而改变的(改变窗口大小再点击下面代码)

alert(document.body.offsetWidth + "px")

YAHOO的做法是为满屏的元素（顶部提示条）加上min-width ,IE6不支持此属性不知道是YAHOO是怎么解决的，但是让IE6支持min-width实现方法可以用执行表达式 Expression:

width:expression((documentElement.clientWidth < 400) ? "400px" : "auto" )

另一种方法是用border-width来模拟

* html .minwidth { 
	border-left:600px solid #fff; float:left
}
* html .container { 
	margin-left:-600px; float:left;	 position:relative;
}

查看演示

上图左边是代理对页面的理解，右边是人的理解，代理可读的和人类可读的数据之间的关联是相当少的，结果就是现在的浏览器在解析和处理web数据上的能力很差，因为浏览器更多的功能是负责展示这些信息。因此为了耦合人类和机器的理解可以通过为一些可视化的数据提供一系列的XHML属性而使得这些数据可以被机器所理解，让页面更有语意RDFa就是一种解决办法,（还有微格式-Microformats）

RDFa “Resource Description Framework in attributes” 即资源描述框架，其应用格式可以参见W3C。例如为了表明h2代表页面的标题而h3代表作者可以用RDFa这样描述：

<div xmlns:dc="http://purl.org/dc/elements/1.1/">
   <h2 property="dc:title">Marking up content with RDFa</h2>
   <h3 property="dc:creator">Lefter</h3>
</div>

为什么要用dc:creator和dc:title而不简单地用creator和title呢？这是因为XHTML并没有为这两个概念保留关键词；而xmlns:dc="http://purl.org/dc/elements/1.1/ 个人理解有点类似XML的命名空间,RDFa还提供了@property 来自定义属性因此也可以简写为：

<h2 property="title">RDFa: Now everyone can have an API</h2>
<h3 property="creator">Lefter</h3>

• 增强的搜索功能
• 用户自定义，可扩展性
• 数据再利用性
• 自我控制
• 模块化架构
• 更具可访问性

• W3C RDFa in XHTML
• W3C xhtml rdfa primer
• RDFa for HTML Authors
• alistapart introduction tordfa
• XML introduction tordfa
• Google About RDFa
• wikipedia

我选的是.iatkos V7(10.5.7)现已升级到了10.5.8;安装有很多种方式,USB,虚拟机,光盘,硬盘安装,我选的是光盘安装.
PC装MAC对CPU的要求是，必须支持SSE3/SSE3指令集，可以到osx86Project.org查看支持情况.

我的D630配置:cpu:Intel Core2 Duo(Merom) T7250(2.0GHz);主板芯片组:Intel PM965+ICH8M;独立,NVIDIA Quadro NVS 135M;无线网卡：Dell Wireless 1395 WLAN Mini-Card;有线网卡：Broadcom NetXtreme 57xx Gigabit Controller.这里有篇比较详细的图文教程,我只是回忆一下我安装的过程:

将BIOS硬盘模式选为ACHI;第一次安装没有自定义选项就直接一路NEXT过来,结果提示找不到keyboard(键盘)进不了系统.当时旁边没的USB键盘,于是重装,再次装的时候，我把所有选项都选上,心里想这么多的驱动总有一个能用,结果大错特错了,MAC不像WINDOWS,驱动一般都是需要部署的.这次安装成功之后出现了开机界面(灰苹果)下面有个风火轮在转,就是进不了系统,等了很长时间风火轮不转了,系统也就此卡死了。

第三次选我看了一下网上的说明，根据自己配置选了一下.安装成功了,进入系统的第一步就是填写一些个人信息，比如你的使用环境等等,键盘还是不能用，用了一个USB外置键盘,不知道什么原因键盘会自动输入,特别是输入密码的时候,好像有一个什么键被按下了一样,后来我知道了输入的是”7″,原因是我在选项的时候把PS/2和VOODOOPS/2都选了.解决方法是在BIOS里面把MOUSE/TOUCHPAD改成PS/2,进入系统删除其中一项,当时我不知道怎么卸载驱动,直接找到VOODOOPS/2.kext删除了。

再下一步是修复VISTA并建立一个MAC引导,方法比较多，如拷贝TOOB到C:\,我用的是安装了一个小软件:EasyBCD;进了系统安装显卡驱动,Nvinstallerv.41,和其他一大堆.关于D630很详细的帖子.启动的时候发现又停留在灰色苹果界面那里,没有风火轮.用单用户模式进入发现几行skipping…,后面的我内容不是很清楚了,解决方法是删除驱动缓存文件,这里有两个方法:1:

rm -rf /System/Library/Extensions.kextcache
rm -rf /System/Library/Extensions.mkext
参数－rf 表示递归和强制

2:在windows下安装一个磁盘共享文件，由于自定义选项的时候选择了对NTFS的支持，MAC下能访问Window下的资源，但不能修改，但反过来不行，可以安装一个小软件-Macdrive ,然后就像删除WINDOWS文件一样，对文件进行管理了。
建议最好把Extensions里的驱动文件全部备份,以便恢复

升级到10.5.8的时候很顺利(点击右上角苹果图标选择软件更新,一切系统自动帮你搞定),只是wifi网卡要重新安装一次,现在的一个小问题就是关机不断电,其他的都不错。很简介，用起来很流畅

推荐一些不错的资源

• insanelymac(国外很专业的讨论网站)
• 啃苹果
• 啃苹果新手必看帖子索引
• 远景论坛
• weiphone
• 关于D630很详细的帖子
• macuknow

XBLeXtensible Bindings Language也即是可扩展绑定语言,有点类似IE的HTC,HTC在CSS中的引用格式为：

p{behavior:url(test.htc)}

<?xml version="1.0"?>
<bindings xmlns="http://www.mozilla.org/xbl">
  <binding id="binding1">
    <!-- content, property, method and event descriptions go here -->
  </binding>
  <binding id="binding2">
    <!-- content, property, method and event descriptions go here -->
  </binding>
</bindings>

然后就可以通过Firefox的私有属性-moz-binding 将一个元素关联到一个XBL文件中的指定项上:

p {
    -moz-binding:(url('lefter.net/demo/wordwrap.xml.xml#wordwrap');
}

1. FireFox私有属性
2. Firefox XBL
3. Emulating CSS word-wrap for Mozilla/Firefox
4. Cross Browser Word Breaker
5. 连续字体换行的解决方案

1.用CSS执行表达式

*{margin:0;padding:0;}
* html,* html body{ 
	background-image:url(about:blank);
 	background-attachment:fixed;
}
* html .fixed{
    position:absolute;
    bottom:auto;
    top:expression(eval(document.documentElement.scrollTop+
    document.documentElement.clientHeight-this.offsetHeight-
    (parseInt(this.currentStyle.marginTop,10)||0)-
    (parseInt(this.currentStyle.marginBottom,10)||0)));
}      
.fixed{
    position:fixed;
    bottom:0px;
    top:auto;
}   

2.让body保持其原有高度，让html只有一个窗口那么高

*{margin:0;padding:0}
*html{overflow:hidden;}
*html body{height:100%;overflow:auto;}        
.fixed{
    position:fixed; _position:absolute;
    left:0;
    bottom:0;
}

推荐阅读
http://tagsoup.com/cookbook/css/fixed/
http://subtlegradient.com/

GWF把国外很多优秀的服务都封了，像twitter youtube friendfeed picasa。我的相册是基于picasa搭建的，包括BLOG中的很多外链图片，现在都不能显示了。

网上讲翻墙的方法很多，今天发现了一个比较简单的方法：ItsHidden-荷兰免费VPN，主机放置在荷兰阿姆斯特丹，公司注册在塞舌尔，申请简单，填写名字、用户名、密码、邮箱即可免费注册为会员。ItsHidden免费VPN代理无需下载安装客户端软件，只要在操作系统中设置一下VPN网络连接就行了，非常方便。ItsHidden免费VPN代理总计拥有5G带宽，支持128位SSL安全连接。

上图是我的相册的预览效果

对之前做过的一些东西的总结

• 尽可能把旧产品的交互、行为分析透，并且形成交互架构文档，作为自己的改进基础
• 对行为的了理解可以让你真正懂得交互是什么
• 一定要把客户的需求理解透，这样会少走弯路
• 对好的交互原则和案例，最好直接引用，因为这是成功的经验
• 不妨先打乱常规思维，乱了再收摊，总比一点没动要好
• 信息层的架构设计是客户关注的一个环节，可以在此多下功夫
• 不能小看交互，它也是创意。好的交互点子可以让产品容光焕发
• 用户需求；内容需求；信息构架；导航设计；可视化设计，每一阶段充分理解，做充足的准备。

微格式（Microformat）

是在标准 XHTML 代码中嵌入结构化数据的一种新方法。理念非常简单。获得一个包含某些事件信息的页面,开始时间、结束时间、位置、主题、Web 页面，等等。过去的方法是将这些信息放置在页面的超文本标记语言（HTML）中，微格式摒弃了这种做法，而是添加一些标准化 HTML 标记和层叠样式表（CSS）类名。

语义 Web

富含语义的 HTML 是一种 Web 应用开发的实践，它强调从文档所需要表达的语义出发，使用 HTML 语法中表示文档结构和富含语义的元素来编写 HTML 文档，从而使得 Web 应用的结构与展示分离，降低各部分之间的耦合度

<DIV class="vcard">
	<A rel="me" class="url fn" href="http://lefter.net/">Lefter </A>
	<ADDRESS title="UESTC" class="adr hidden">
		<SPAN class="locality">SiChuan Chengdu </SPAN>
		<SPAN class="country-name">China </SPAN>  
	</ADDRESS>
</DIV>

上面就是定义了一个Hcard，描述个人信息包括联系方式，地址之类的一种微格式，然后用FF下一个插件Tails Export就能从页面上导出相应的信息，还可以导出后缀名为.vcf的实体文件。 除了Vcard还有很多常见的有:

People and Organizations

hCard, XFN

Calendars and Events

hCalendar

Opinions, Ratings and Reviews

VoteLinks, hReview

Licenses:

rel-license

Tags, Keywords, Categories

rel-tag

Lists and Outlines

XOXO

More…

See the list of all microformats

通过userAgent来判断

通过查找userAgent返回的字符串中一些特定的字符来判断浏览器类型,可以通过indexOf()，返回值是所查找的字符串在整个字符串中首次出现的位置，没有找到要查的字符串其返回值是-1；indexOf()对大小写敏感，而userAgent方法返回值一般为大写混合，以下是常见浏览器的userAgent值

IE7:mozilla/4.0 (compatible; msie 7.0; windows nt 5.1; 
.net clr 2.0.50727; .net clr 3.0.04506.648; .net clr 3.5.21022; ciba)
IE6:mozilla/4.0 (compatible; msie 6.0; windows nt 5.1; 
.net clr 2.0.50727; .net clr 3.0.04506.648; .net clr 3.5.21022; ciba) 
FF:mozilla/5.0 (windows; u; windows nt 5.1; zh-cn; rv:1.9.0.10) 
gecko/2009042316 firefox/3.0.10 
Opera:opera/9.64 (windows nt 5.1; u; edition ibis; zh-cn) presto/2.1.1
Safari:mozilla/5.0 (windows; u; windows nt 5.1; zh-cn) 
applewebkit/528.16 (khtml, like gecko) version/4.0 safari/528.16
Chrome:mozilla/5.0 (windows; u; windows nt 5.1; en-us) applewebkit/531.3 
(khtml, like gecko) chrome/3.0.193.0 safari/531.3

对比上面返回值的差异可以用下面的方法对浏览器进行检查

var ua = navigator.userAgent.toLowerCase();
var _isOpera = ua.indexOf('opera') != -1,
_isChrome = ua.indexOf('chrome') != -1,
_isSafari = !_isChrome && ua.indexOf('safari') != -1,
_isGecko = !_isChrome && !_isSafari && ua.indexOf('gecko') != -1,
_isIE = !_isOpera &&ua.indexOf('msie') != -1, 
_isIE6 = ua.indexOf('msie 6') != -1,
_isIE7 = ua.indexOf('msie 7') != -1;		

点击查看示例

通过浏览器的私有属性来判断

• IE支持创建ActiveX控件，因此ActiveXObject函数也是IE独有的
• Opera提供了专门的浏览器标志，就是window.opera属性
• Safari有一个私有的openDatabase属性
• Chrome和Firefox有一个MessageEvent函数，但没有Firefox的getBoxObjectFor
• Firefox有一个getBoxObjectFor函数用来获取DOM的位置和大小,类似IE的getBoundingClientRect

因此可以大概用一下代码

var ua = navigator.userAgent.toLowerCase();
var _isOpera = window.opera,
_isChrome = window.MessageEvent && !document.getBoxObjectFor,
_isSafari = window.openDatabase,
_isGecko = document.getBoxObjectFor,
_isIE = window.ActiveXObject;
if(_isIE ) alert("ie");
if(_isGecko ) alert("isGecko ");
if(_isChrome ) alert("isChrome ");
if(_isOpera ) alert("isOpera ");
if(_isSafari ) alert("isSafari ");

国外美术及艺术院校

• 巴黎美术学院(法国)
• 佛罗伦萨美术学院(意大利)
• 英国皇家美术学院(英国)
• 汉堡美术学院(德国)
• 柏林艺术大学美术学院(德国)
• 苏里科夫美术学院(俄罗斯)
• 罗马美术学院(意大利)
• 芝加哥美术学院(美国)
• 卡塞尔美术学院(德国)
• 鹿特丹美术学院(荷兰)
• 阿尔佛莱德美术学院(美国)
• 威尼斯美术学院(意大利)
• 格拉斯哥美术学院(英国)
• 斯图加特美术学院(德国)
• 加拿大美术学院(加拿大)
• 里昂美术学院(法国)
• 库内奥美术学院(意大利)
• 米兰纳巴美术学院(意大利)
• 波罗尼亚美术学院(意大利)
• 布尔杰美术学院(法国)
• 瓦兰斯国立美术学院(法国)
• 勒芒美术学院 (法国)
• 佩皮尼昂美术学院 (法国)
• 纽约艺术学院美术学院(美国)
• 乌克兰美术学院(乌克兰)

国内美术及艺术院校

• 清华美术学院
• 中国美术学院
• 天津美术学院
• 鲁迅美术学院
• 四川美术学院
• 广州美术学院
• 西安美术学院
• 湖北美术学院
• 南京艺术学院
• 广西艺术学院
• 山东艺术学院
• 吉林艺术学院

排名不分先后

1. 作为普通逻辑代码容器
2. 作为对象方法
3. 作为构造函数

函数逻辑代码容器

function Add(x,y){
    return x+y
}
alert(Add(2,8));

1. 函数声明function foo(){}
2. 函数表达式 var foo=function(){}
3. Function对象 var foo=new Function

函数表达式：var example = function(){
return 1;
}
example();//1

var example = function(){
return 2;
}
example();//2

函数声明：function example(){
return 1;
}
example();//1

function example(){
return 2;
}
example();//2

在采用函数声明创建同名函数时，后创建的函数会覆盖先创建的函数。这种差别是由于JavaScript解释引擎的工作机制所导致的。JavaScript解释引擎在执行任何函数调用之前，首先会在全局作用域中注册以函数声明创建的函数，然后再依次执行函数调用。由于注册函数时，后定义的函数重写了先定义的函数，因此无论调用语句位于何处，执行的都是后定义的函数。
相反，对于函数表达式创建的函数，JavaScript解释引擎会像对待任何声明的变量一样，等到执行调用该变量的代码时才会对变量求值。由于JavaScript代码是从上到下顺序执行的，因此当执行第一个example()调用时，example函数的代码就是首先定义代码；而当执行第二个example()调用时，example函数的代码又变成了后来定义的代码。

作为对象方法

JavaScript在解析代码时，会为声明或定义的函数指定调用对象。所谓调用对象，就是函数的执行环境。如果函数体内有以关键字this声明的变量，则this引用的就是调用对象。事实上，在普通的函数中，也存在调用对象，只不过这个调用对象是默认的全局window对象而已。例如上面的例子相当于：

var Add= window.Add(26,26); // Add= 52

这说明，默认情况下，在全局作用域中定义或声明的函数的调用对象就是window。 在面向对象编程中，通常将作为对象成员的函数称为方法。

var people={}
people.name="lefter";
people.age="24 years old"
people.intro=function(){
    alert(this.name+" is "+this.age)
}
people.intro();//lefter is 24years old

var animal ={}
animal .name='huahua'
animal .age='1years old';
animal .wangwang=people.intro;//对象可以借用其他对象的方法
animal .wangwang();//huahua is 1years

使用函数对象的call和apply方法，还可以动态指定函数或方法的调用对象
call 方法:调用一个对象的一个方法，以另一个对象替换当前对象(其实就是更改对象的内部指针，即改变对象的this指向的内容)
call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。

apply方法apply方法的第一个参数也是要传入给当前对象的对象，即函数内部的this。后面的参数都是传递给当前对象的参数。
对于apply和call两者在作用上是相同的，但两者在参数上有区别的。对于第一个参数意义都一样，但对第二个参数：apply传入的是一个参数数组，也就是将多个参数组合成为一个数组传入，而call则作为call的参数传入（从第二个参数开始）。
如 func.call(func1,var1,var2,var3)对应的apply写法为：func.apply(func1, [var1,var2,var3])同时使用apply的好处是可以直接将当前函数的arguments对象作为apply的第二个参数传入

animal.wangwang.call(people);
或者：animal.wangwang.apply(people); 

作为构造函数

function Man(name,age){
this.name= name;
this.age = age;
}
//然后可以new一个实例
var lefter=new Man("lefter",24);

创建lefter的对象的过程如下：首先，new运算符创建一个空对象({})，然后以这个空对象为调用对象调用函数Man，为这个空对象添加两个属性name和age，接着，再将这个空对象的默认constructor属性修改为构造函数的名称（即Man；空对象创建时默认的constructor属性值是Object），并且将空对象的__proto__属性设置为指向Man.prototype——这就是所谓的对象初始化。最后，返回初始化完毕的对象。这里将返回的新对象赋值给了变量lefter,除了new外还可以用这样的方式来创建。

var lefter = {};
Man.call(lefter,"lefter",24);

区别是后者新创建的lefter对象失去了通过Man.prototype属性继承其他对象的能力。只要与前面采用new运算符调用构造函数创建对象的过程对比一下，就会发现，new运算符在初始化新对象期间，除了为新对象添加显式声明的属性外，还会对新对象进行了一番“暗箱操作”——即将新对象的constructor属性重写为Man，将新对象的__proto__属性设置为指向Man.prototype。虽然手工“初始化对象”也可以将dog.constructor重写为Man，但根据ECMA262规范，对象的__proto__属性对开发人员是只读的，对它的设置只能在通过new运算符创建对象时由JavaScript解释引擎替我们完成。
JavaScript是基于原型继承的，如果不能正确设置对象的__proto__属性，那么就意味着默认的继承机制会失效：

Man.prototype.say="hellow";
lefter.say;//undefine

不喜欢 Ubuntu 自带的咖啡色主题的朋友可以试一下

sudo gedit /etc/apt/sources.list

deb http://ppa.launchpad.net/bisigi/ppa/ubuntu jaunty main
deb-src http://ppa.launchpad.net/bisigi/ppa/ubuntu jaunty main

sudo apt-key adv --recv-keys --keyserver keyserver.ubuntu.com
1781bd45c4c3275a34bb6aec6e871c4a881574de

sudo apt-get update

sudo aptitude install zgegblog-themes

sudo aptitude install showtime-theme
sudo aptitude install balanzan-theme
sudo aptitude install infinity-theme
sudo aptitude install wild-shine-theme
sudo aptitude install exotic-theme
sudo aptitude install tropical-theme
sudo aptitude install bamboo-zen-theme
sudo aptitude install ubuntu-sunrise-theme
sudo aptitude install  aquadreams-theme

sudo aptitude remove zgegblog-themes(Themse Name)

墨菲法则摘录

If anything can go wrong, it will。
如果事情还能更糟的话，它会的。

In nature, nothing is ever right. Therefore, if everything is going right … something is wrong。
在现实生活中，没有什么事情是永远正确的。所以，如果每件事都在朝好的方向发展……一定出问题了。

It is impossible to make anything foolproof because fools are so ingenious。
愚蠢是不可避免的，因为愚蠢太富有创造力了。

Nothing is as easy as it looks
没什么事情像看上去一样简单。

Everything takes longer than you think
每件事总比你估计的要多花点时间

Whenever you set out to do something, something else must be done first
每当你准备做什么的时候，总有些别的事你得先做了。

Every solution breeds new problems
每个解决办法都会衍生出新的问题。

You will always find something in the last place you look
东西总是在你最后去找的地方被发现。

Left to themselves, things tend to go from bad to worse
听之任之的话，事情一般不会向好的方向发展。

After you bought a replacement for something you’ve lost and searched for everywhere, you’ll find the original
在你丢了东西到处找不到并买了新的后，你就会找回原来丢了的那样。

The other line always moves faster
你旁边的车道总是比你这条走得快些。

Build a system that even a fool can use, and only a fool will use it
建立一个连傻瓜都会用的系统的话，一般只有傻瓜才会去用。

Everyone has a scheme for getting rich that will not work
每个人都有套没法运作的致富计划。

The better you know the amount of ill luck that will strike you,
the worse you know when this will happen
你越清楚厄运的危害，你越不知道它什么时候降临。

Your best golf shots always occur when playing alone
你最好的分数一定是你一个人玩的时候得到的。

He who angers you controls you, there-fore you have no control over your anger
都是那些让你愤怒的人控制你，所以你没法控制你的愤怒。

No matter how hard you try, you cannot push a string
不管你怎么努力，你不能推一根绳子。

Any thing that can go wrong, HAS Already Gone Wrong!
You just haven’t been notified
如果事情还能更糟的话，它已经有那么糟了，只是你没发觉罢了。

No degree of acceptance can ever change the facts
没有任何限度的接受可以改变现实。

Don’t let go of something until you have a hold of something else
不管是西瓜还是芝麻，没捡到前别把手里的扔了。

It takes forever to learn the rules and once you’ve learned them they change again
规则不容易掌握，一旦掌握了，规则又变了。

You will find an easy way to do it, after you’ve finished doing it
你总能找出一个更便捷的方法，在你已经做完这件事以后。

The wind will always blow opposite to your hairdo
风永远不顺着你的发型吹。

Window polishing: It’s always on the other side
擦窗法则：不干净的老是在另一面。

有段时间没到工作室了，里面的电脑多多少少都有点问题，只是一台电脑能上网了，而且鼠标很难用。这几天感冒了，还口腔溃疡，全身无力，说下班了之后去学校打网球，来个以毒攻毒。打网球的时候我在想着世界上有没的轮回，为什么我没到一个月的这几天就身体不舒服。

临近结束的时候在回工作室的路上，才娃子给我发短信说明天晚上有空没有，我有几张门票（门票市价300+），《天地吉祥》的演出。说说这个《天地吉祥》吧，剧场地点在我们学校后面，一环路北四段，主要展示藏羌文化，和服饰为主，还是很有特色。里面有个应该说的主打节目叫《天地吉祥》，被09春节联欢选中过。

为什么我知道，因为我去过，也是免费的，也是才娃子弄的门票，他的两个高中同学在里面上班。我忘记上次有些谁去过，反正是免费的，我叫了很多大学同学一起去.

如是群发了一条短信：“明天晚上有空没的，晚上八点，有一个演出，我这里有几张免费的门票”，玩了还不忘记吹嘘一下门票在外面买的事300+。

江大侠：“去过”
罗文雯：“什么”
谢阳：“300+不如看梁静茹的演唱会”
我回他：“风格不一样，你们看明白我的意思，我有免费的门票，去的话你叫上你女朋友和向谢平”
他说：“那我来”

然后给田静，也就是我现在的女朋友发短信：“你还在图书馆看书，明晚上我带你去看演出”
好啊。
路过图书馆的门口带了一个月饼给她（我打网球前买的，我吃了一个了，我们都还没晚饭），她让我带上她的社保卡回去买点感冒药，煮点稀饭，洗个澡早点睡。
一路的幸福

感谢上天,把幸福吉祥撒向人间,感谢朋友,让真心诚意温暖家园;感谢父母,把缕缕青丝织成祝愿;感谢祖国,让和谐山川春光无限。

去年的那个时候我还没女朋友，现在我有了.

轮回，我相信！

(function  () {
    alert(arguments[0] + arguments[1];)
})('left','er');
// returns 'lefter'

function concatenate () {
    var result = '' ";
    for(var i=0; i <arguments.length; ++i){
        result += arguments[i];
    }
    return result;
}
concatenate('lefter', 'crockford', 'has', 'a', 'posse');
// returns 'leftercrocfordhasaposse'

function concatenate () {
    return Array.prototype.slice.call(arguments).join('');
}
concatenate('douglas', 'crockford', 'has', 'a', 'posse');
// returns 'douglascrocfordhasaposse'

function concatenate (separator) {
    return Array.prototype.slice.call(arguments, 1).join(separator);
}
concatenate(' ', 'lefter', 'crockford', 'has', 'a', 'posse');
// returns 'lefter crockford has a posse'

#Far Future Expires Header
<FilesMatch "\.(gif|png|jpg|js|css|swf)$">
    ExpiresActive On
    ExpiresDefault "access plus 10 years"
</FilesMatch>

Keep in mind, if you use a far future Expires header you have to change the component’s filename whenever the component changes. At Yahoo! we often make this step part of the build process: a version number is embedded in the component’s filename, for example, yahoo_2.0.6.js.

第一步，建立一些可规则重写的存储模块，一边存储文件的版本号，因此还是在.htaccess的文件中加入下面的代码

#Rules for Versioned Static Files
RewriteRule ^(scripts|css)/(.+)\.(.+)\.(js|css)$ $1/$2.$4 [L]

然后写一个PHP函数来检查文件的最后修改日期，然后将服务器的修改时间作为版本号

<?php 
function autoVer($url){$path = pathinfo($url); 
$ver = '.'.filemtime($_SERVER['DOCUMENT_ROOT'].$url).'.';
echo $path['dirname'].'/'.str_replace('.', $ver, $path['basename']); } 
?> 

include($_SERVER['DOCUMENT_ROOT'].'/path/to/autoVer.php'); 
<link rel="stylesheet" href="<?php autoVer('/css/structure.css'); ?>" 
type="text/css" /> 
<script type="text/javascript" src="<?php autoVer('/scripts/prototype.js'); ?>">
</script> :include($_SERVER['DOCUMENT_ROOT'].'/path/to/autoVer.php'); 
<link rel="stylesheet" href="<?php autoVer('/css/structure.css'); ?>"
type="text/css" />
<script type="text/javascript" src="<?php autoVer('/scripts/prototype.js'); ?>">
</script> 

<script type="text/javascript" src="/prototype.197993206.js"></script> 

这次聚会很有意义，从大的流程上对其有一定的认识，但是具体实现，和底层上还需要继续的认识，四位的演说都提到了什么是媒资，我从一开始就对其理解的很简单，就是把一些素材存在一个储存介质上，然后通过数据库来来找到想要的素材然后对其处理。

讲了那么多的高深的知识，回归到产品本质，回到产品的使用者，他们不一定会具备这些专业的知识，因此在技术实现的同时我们也应该怎么样呈现我们的产品更能让用户容易接受，了解在用户使用中更关心些什么，这也是网上常提到的可用性，易用性，和用户体念。Windows的技术不比Unix先进但却更流行，其中一个因素是易用性做得很好，如界面友好、操作简便、丰富的帮助支持和外形靓丽。

这里我想指出的是，可用性不一定是建立在界面的华丽上，GOOGLE界面算不上华丽但是有自己的风格很好用。在.NET（MAMspace）这边我觉得不是很满意，可能一是由于当时时间来得比较仓储，很多地方只是换汤不换药的改了改整体的风格，二是就界面而言这里面融入了太多人的意见，这会破坏页面的统一性，就比如说有些人说这个标题用蓝色好，另一些人说用红色好，因为就界面而言带有很强的主观性，不能谁对谁错，解决的一个方法就是。大家一开始就为系统定义一个标准，比如颜色，新浪的淡黄，淘宝的橙色；还有字体，行间距等.

然后就是对对自己的一个反思，觉得在一下几个方面还需要加强。

1. 沟通的能力

   当然做为一个设计这沟通是很重要的，怎样少走弯路，只有了解了用户的真正思想，而要了解用户的思想就只有沟通。同时还有表达自己的能力，和文档制作能力。

2. 英语的掌握

   这点没什么说的，但是说起来简单，做起来很抽象。

3. 编程的思维和技能

   然后具体的就是JS，PHP,和一些数据库的知识，系统，服务器的部署等，这些都需要去了解。

上次的系统里面的程序全不在了，任何格式的文件都不能打开，然后我的SD卡上的文件全部只是剩下空的文件夹了，我终于知道上次是为什么，因为这样的事情又出现了。

是因为我安装了杀毒软件Airscanner Antivirus v3.00，这是下载地址，安装之后再卸载就会变成上面的症状，他NND狗屁杀毒软件真是太狠毒了

刷机的基本步骤是

• 运行SDA Application Unlock.exe进行解锁
• 重启之后运行运行Uspl.bat文件（此时手机白屏，背景灯亮－－－出现它才表示成功）
• 然间就是安装，大概几分钟的时间
• 然后重启手机会自己配置

这里会出现网上很多人都遇到过的问题，刷机会出现“EERO(270) UPDATE ERRO”，这是由于没有留意手机上的提示，必须要在手机上按确认键

然后另外一个问题就是刷机之后一直停留在启动界面，只是关闭电源的时候才会出现系统配置正在配置，当到了2%的时候电源又完全断掉了，下次又是这样；这个问题的原因是启机的时候会出现一个绿色的屏幕提示一串英文意思是电源不足啥的，这是选择否，然后系统就会自己配置了,ROM在网上搜索一下就有，给出一些上面提到的小工具和教材

临近一个月假期结束的时候，去了一趟 西安，现在算了算包括车票在内才花了200多块钱（回来的车票113，去的车票72），还买了一块玉，60多块钱。去的时候坐了17个小时，也是我第一次在车上过夜，当时觉得简直是受罪，现在想起来还是值得。

由于买错车票，火车到达地点是 西安南，到市区还有很远的距离（回家查了一下，大概有2个半的成都火车北站到南站的距离），由于一晚上都没那么睡觉，坐在从西安南到市区的公交车上一会儿就睡着了。也不知道坐了好久，醒来的时候就到了市区

“西安 简直”不是人待的地方，这是我现在的感受，太热了，40多度，太阳从早上5点多就出来晒你来了，一直要晒到晚上9点才甘心。天空基本上没多少像样的能挡太阳的云，简直是暴晒（还好我去的时候带的有墨镜和防晒霜）

到了之后动都不能动，一直在我高中时候同班的一个西安同学寝室（18个人一个寝室），睡觉，冲冷水澡，然后再睡觉。饭也不想吃，因为没的胃口。天天就这样，到了最后一天的时候，心里是有点不甘心，于是一个人就带着参观一下西安的大学的心态，顶着一张地图，就溜出来了，坐了40多分钟的车，到了西安电子科技大学，在里面转了大圈就走路到了西北工业大学。一直这样又到了西北大学，都是走路。从西北大学出来的时候就是古城墙了，一直这样，走路把西安的南城墙（相当于其他城市的1环路南路）走了一通。现在想起来简直是个奇迹

回成都又坐了17个小时，这次是做的空调软座，不过感觉没啥区别，坐车本身就是一样的难受。到了车上睡了一觉就到了德阳，就感觉凉爽多了。回到家坐在床上，心有余悸的想 “还是成都好啊” 于是最后几天在网上查了一下成都的周边旅游景区，骑车就去转了一下，包括人民公园，文殊院，宽窄巷子等。现在觉得：西安乃至其他城市有的，俺们成都照样有。其实所有城市都差不多滴，道理一环套一环，楼房一层累一层

附上：在西安时候通过手机上网写下的牢骚

• 人的心里有一座城，每个人都是城里的过客
• 西安，真让人心怡，心悦，心醉，心碎
• 西安城，支离破碎，街道一层套一层，让人喘不过气
• 西安的天，是不能穿内裤的
• 如果成都是个妙龄女郎的话，西安则是一个大叔，压抑，死气，杂乱，昏暗，邋遢，萧条，和支离破碎
• 我嘀神啦，要自燃了

上面的牢骚是按时间排序的，由此也看出当时的心态变化

还好照了一些自我感觉很棒的照片

一个很差的相机相机AIGO-v720(700万像素)，现在才买500多，后期处理了一下感觉还是很棒。按照时间罗列出来，还有其他的一堆，像大雁塔啦，古城墙啦，碑林啦，就不想弄了。

1. 毕业旅行之-西安
2. 毕业旅行之-交大
3. 毕业旅行之-兴庆公园
4. 毕业旅行之-西北大学
5. 毕业旅行之-西安大学s
6. 毕业旅行之在希望的田野外
7. 毕业旅行之-文殊院
8. 毕业旅行之-宽窄巷子

特此说明

1. 图片排名不分先后，只是按照人数多少
2. 小孩请在家长的陪同下阅读
3. 相片质量差，请大家尽快前来认领自己的人头
4. 相片中的人物一律按照花名，发现自己的花名不对的请抗议更改

片中主角：夏理智，情娃子，梦林子（唱灯儿戏的）

点评：那个时候我们很傻，很天真！

大家发言

• 这么老的照片都有？
• 作者是情娃子！找他要原版！这些照片太珍贵了
• 情娃子最先走向熟透，那个时候就知道照相要穿公斤点，连西装都绷上到了

片中主角：军娃子，才婆娘（旺财）情娃子，夏理智，马天志，常超娃子，张新K。

点评：那个时候我们很黄，很暴力！

大家发言

• 这些照片应该尽快扫描，或者用数码翻拍，不然就氧化了
• 呵呵，那个时代的物质贫乏，导致小时候的照片都没有几张
• 这个是什么时候照的呀？脸蛋的原型都没发育好，呵呵
• 妈妈Y，我小时候那副德性！
• 那个时候应该是我们在巴中读高中放假回来，因为夏理智穿的BZZX的校服，不像是暑假，也不像是寒假，最大的嫌疑是逃课！

片中主角：军娃子，才婆娘（旺财），情娃子，夏理智，马天志，园娃子，笔垮子，长跑冠军，李老师（我们应该尊师，重教，老师无绰号），常超娃子，情娃子。

点评：这是第一张记录女生的照片，所以弥足更加珍贵

大家发言

• 那个时候我们还穿的灯草泥衣裳
• 还有轮胎底子胶鞋
• 那个时候老师常说的话是“给我蔑个条子来”

片中主角：第一排：梦林子，银子娃二，母瓜子，xx,烟鬼。第二排从右开始应该是：李平子，鸡拐子，常超，张新K，夏礼智，国林斯儿,马天智，猿猴子，还有个认不到了

点评：那个时候我们在五星红旗下，诚实勇敢，团结活剥；

大家发言

• 大家伙帮我看看，上面有我哇？
• 也有我哟
• 这是全班合照还是全校合照，怎么前面的几个要幢些，明显比后面的人要高几届，不是一个档次的！
• 我在哪儿喃？
• 你那天旷课了。
• 向梦林在屋里唱灯儿戏

说明：这只是算是一种娱乐吧，更像是我对过去的一种怀念和回望！如果谁是“小气包”，我把他摘下来就是了！欢迎老同学们对其，进行留言补充

什么是自定义字段呢？一般来讲wordpress提供了博客文章的作者，分类，标签，时间等，然后你可以根据你的需要自定义出一系列的其他信息，比如图片的拍摄器材，相册的缩略图，发表文章时候的心情等。

一个自定义字段有两个显而易见的变量 — 键 ( key ) 和值 ( value )

<?php if ( get_post_meta($post->ID, 'index_image', true) ) { ?>
<a href="" title="">
<img src="ID, "index_image", $single = true) ?>" title="" />
</a>
<?php } else {?>
<a href="" title="" >
<img src="/images/fix.jpg" alt="" title=""/>
</a>
<?php } ? >

get_post_meta($post_id, $key, $single = true)。这个函数能够能让你按自己所需列出自定义字段;。上面代码的解释就是查找自定义字段“index_image”属性，如果能找到该属性，就显示该属性对应的值（这里是一个图片地址）,如果没有找到该属性，则为一个固定的图片 fix.jpg来代替。

参考资料

• Using_Custom_Fields
• One Way To Use Custom Fields
• Using WordPress as a CSS gallery

BTW : 用IE私有属性能控制滚动条的样比如：scrollbar-3dlight-color,scrollbar-highlight-color，scrollbar-face-color，scrollbar-arrow-color，scrollbar-shadow-color，scrollbar-darkshadow-color，scrollbar-base-color，scrollbar-track-color

在此对常用的META标签的属性进行一些总结，

HTTP-EQUIV

HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显

Refresh (刷新)

让网页多长时间（秒）刷新自己，或在多长时间后让网页自动跳转到其它网页<Meta http-equiv="Refresh" Content="5; Url=http://lefter.net"/>

Expires (期限)

指定网页在缓存中的过期时间，一旦网页过期，必须重发请求到服务器获取更新<Meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT"/>

Pragma (cach模式)

禁止浏览器从本地机的缓存中调阅页面内容<Meta http-equiv="Pragma " Content="No-cach"/>

X-UA-Compatible

X-UA-Compatible是针对ie8新加的一个设置，对于ie8之外的浏览器是不识别的，这个区别与content=”IE=7″在无论页面是否包含指令，都像是使用了 Windows Internet Explorer 7的标准模式。而content=”IE=EmulateIE7″模式遵循指令。对于多数网站来说，它是首选的兼容性模式。<Meta http-equiv="X-UA-Compatible " Content="IE=7"/>

NAME变量

name是描述网页的，对应于Content网页内容，以便于搜索引擎机器人查找、分类，目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类。name的value值name=”"；指定所提供信息的类型。有些值是已经定义好的。

例如description，keyword，Author，Copyright等，这些常见的就不特地说明了

name=”Robots” (搜索引擎向导)

说明：Robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。Content的参数有all、none、index、noindex、follow、nofollow。默认是all。index针对，页面文件本身，而Follow针对页面的链接，搜索引擎顺着连接往下抓取

据说这是由于装了AUTOCAD的原因，网上有人给出了安装三方软件ContextEdit解决方法，但是我装了之后还是没解决，于是自己试着自己来搞定吧这是自己努力的成果

删除下面的所有注册表信息即可

HKEY_CLASSES_ROOT\exefile\shell\Enable/Disable Digital Signature Icons
HKEY_CLASSES_ROOT\exefile\shell\Enable/Disable Digital Signature
Icons\command (Default) REG_SZ acsignopt.exe


额外的收获：Run as Administrator

HKEY_CLASSES_ROOT\exefile\shell\open
EditFlags REG_BINARY 00000000

HKEY_CLASSES_ROOT\exefile\shell\open\command
(Default) REG_SZ "%1" %*
IsolatedCommand REG_SZ "%1" %*

HKEY_CLASSES_ROOT\exefile\shell\runas

HKEY_CLASSES_ROOT\exefile\shell\runas\command
(Default) REG_SZ "%1" %*
IsolatedCommand REG_SZ "%1" %*

后来才注意到Firefox里面也是不正常的，因为下面多出了一行空白，因为他给链接用的白色的字体，背景也是白色的所以就不能看见；但是FIREFOX为什么不报错呢，我想是因为我们新闻网的前端架构采用XSL解析XML的方式,而XSL也是一种XML,XML相对html要规范的多,很多标签如CENTER，FONT等都被取消了,还有所有的标签必须关闭,而他用的< a >< font color="#FFFFFF" >turkler< /a >这两点都不满足，而Firefox渲染的时候是把XML直接转换为HTML(在IE，和firefox下分别查看源文件就可以知道)，因此不报错！但是能解析出来，只是此人用了白色的字体，而背景也是白色的，所以看不出来罢了，全选的时候就能看出来了

我滴神啦，被改掉的DEFAULT文件，还不知道有没有其他的文件被改掉

还好此人没有多少恶意，只是加上他的链接在上面，可能是想赚取PR，也给我们敲了个警钟。现在应该找出我们的服务器的漏洞出在哪里，大家不要在上面安装其他的软件

配置网站目录，在Ubuntu下面的 apache 目录存放方式跟 Window下面有很大区别，它的配置文件是存放在 etc/apache2/ 这个文件夹下面,又将以前的配置文件分成了

etc/apache2/conf.d/charset

这个是网站编码配置，里面内容很少，打开看就知道了，我这里将最后行的 ＃AddDefaultCharset UTF-8 前面的#去掉，使用UTF-8编码，当然也可以把 UTF-8改成别的编码.

etc/apache2/sites-available/default

这个是网站目录配置，想更改网站目录的话，就修改这个，默认的网站目录是/var/www(所有者为root,所以修改起来很不方便)

像LINUX源一样，要有一定的权限才能修改上面的配置文件，可以这样：1:su 输入root密码 2:gedit etc/apache2/conf.d/charset 或者直接临时获取权限1:sudo gedit etc/apache2/conf.d/charset

重启apache即可,sudo service apache2 restart也可以sudo /etc/init.d/apache2 restart

BTW: init.d 下面是系统的服务类程序（比如xinet,samba,vsftp，xserver,apche,mysql）的启动登记 各个init.x目录下的文件表示这个运行级别下服务的运行与否,这里面的文件通常是一些脚本,来启动和结束各个服务的,具体的内容你可以用任何一个编辑器打开看的

顺便提一下mysql ，开启mysql的方法和apche一样：sudo /etc/init.d/mysql start不知我什么时候已经把 mysql安装成功了,因为我的/etc/nit.d/ 目录下有 mysal文件，于是我在终端上输入 mysql，提示ERROR 1044 (42000): Access denied for user ''@'localhost' to database 'h'我想也是由于权限的问题造成的输入mysql --user=root -p就对了，然后就可以在终断开上运行MySql的命令了比如
mysql > show databases;


最近迷恋上打网球，有空之余，除了足球篮球现在又多了一项活动了。有幸从朋友那里得到一只网球拍，是威尔逊proStaff6.5,现在版本都9.0，所以看起来很旧，不过在网上查了一下还是值一千五百左右，然后在网上找了一些视频教程，现在基本上算是入门了，正手单手、正手双手，反手单手，反手削球，然后还有什么握拍方式，西方式，半西方式，东方式，半东方式，总结了一下这么多的“招式”，无非就两点最重要 1：垂直击球；2：网球中最最重要的是脚步

明天肯定起不了床了，还好明天有NBA，不用打球了可以在家休息一天，想给自己说的是喜欢上一个东西，就应该不惜一切，希望我自己的这份热求继续保持

A:明天走？
B:放心吧，从小到大没输过你。
A:有你的！
B:混不好我就不回来了。（转换镜头，某男站在楼顶，手按台阶向远方呼喊）
背景音:给你这样的男人。
劲霸男装。专注夹克28年。

编辑:咋错位这么严重？
D B:放心吧，用IE6就不会错位了！
编辑:有你的！
D B:如果全兼容我早就跳槽了！
给你这样的网页构架师！
D B 专注网页前端28年！