不要太在意Max一个小孩一晚上怎么能挖出这么大一个机器人还能独自拖上上来，也不要质疑淘汰的机器人能打败最新款最先进的机器人。

你需要看到的是当亚当赢得第一场比赛后查理的那种喜悦之情，以及麦克斯恳求爸爸留下自己时的眼神，还有决赛最后一节，当查理坚毅的神情有力地挥动着拳头挑战世界冠军时，他女人和麦克斯为他找回了那股激情而感动流泪。

你，热血了没？

ps.
让我想起了另一部电影《洛奇》。

该文章只是用于Web开发的测试环境，性能和安全完全没有认识，如果有人看到，请不要用于生产环境，对任何后果不负任何责任，嘿嘿。

目的

在CentOS上配置用于开发的Web环境，包含Apache, PHP, Mysql。

安装Apache

直接通过yum安装Apache，yum -y install httpd

安装好后，默认情况下， Apache 的配置文件 httpd.conf 文件在 /etc/httpd/conf/httpd.conf 位置，编辑配置文件，修改DocumentRoot、Directory 两处设置为你需要保存网站文件的位置。

安装Mysql

直接通过yum安装Mysql，yum -y install mysql

安装PHP

由于CentOS通过yum安装的PHP为5.1版本，我需要5.2.17版本来保证和线上的运行环境一致，所以自己下载PHP源码进行编译安装。

1. 到 http://php.net 下载对应版本的源码到 /tmp/ 目录并解压。
2. 进入解压后的目录 /tmp/php-5.2.17/
3. 根据需求配置需要的模块 ./configure --enable-mbstring --with-curl --with-gd --with-mcrypt --with-mysql --with-mysqli --with-apxs2=/usr/sbin/apxs
4. make
5. make install

上面的语句肯定不会执行成功，因为缺少一大堆的依赖文件，configure: error: libpng.(a|so) not found. 当遇到这种提示时，需要安装libpng库，除此之外还需要安装开发包。yum -y install libpng libpng-devel，对于其它的依赖支持也同样处理。

上面的参数 –with-apxs2=url 可以让 PHP 找到 Apache 的配置详情，然后自动添加 Apache 支持。同样如果没有安装 httpd-devel，编译PHP的时候是找不到 apxs 的路径的。

好了，以上的配置安装都成功了后，现在写一个phpinfo()的php文件，然后访问 http://localhost 应该就可以看到 phpinfo 页面了。

如果看到的是PHP代码，到Apache的配置文件 httpd.conf 里加上PHP文件类型：AddType application/x-httpd-php .php。

在 phpinfo 页面可以看到PHP配置文件的目录和加载的配置文件。
Loaded Configuration File （已加载的配置文件）
Configuration File (php.ini) Path （配置文件所在的目录）
如果值为空则表示没有配置文件，需要更改PHP的配置的话，可以从php源码目录里将 php.ini-recommended 拷贝并重命名为 php.ini 到 Configuration File (php.ini) Path 指定的那个目录，然后进行修改。

如果发现编译安装好后又需要添加某个PHP插件？

1. 进入PHP源码目录
2. make clean
3. ./configure 在原有的参数基础上再加上新加的参数
4. make
5. make install

其它相关配置

/etc/my.cnf 配置mysql参数，有的话不需要重复添加

[mysqld] #应该有这句了
default-character-set = utf8 #默认编码utf8
[mysql] ＃应该有这句，没有则添加上
default-character-set = utf8 #默认编码utf8

设置Mysql随系统启动
chkconfig mysqld on 随系统启动，通过 chkconfig --list mysqld 检验状态，2－5为on就OK
/etc/rc.d/init.d/mysqld start 启动mysql

一些 Mysql 语句：
show databases; 查看存在的数据库
use test; 连接使用数据库test
show tables; 查看数据库里的表
drop table test; 删除test表
drop database test; 删除某个数据库
delete from mysql.user where user=”; 删除匿名用户
set password for root@localhost=password(‘密码’) 设置root密码
grant all privileges on test.* test@localhost identified by ‘密码’ 建立对test数据库有完全操作权限的名为test的用户;
revoke all privileges on *.* from test@localhost; 取消test对数据库的操作权限
flush privileges; 刷新使生效
注意到了上面的语句中的用户都是test@localhost吧，表示该用户只能在localhost访问数据库
如果远程访问数据库，需要设置将host改为%; 或者通过GRANT语句另外授权帐号

一些PHP配置参数参考，也可以通过查看 ./configure 文件了解详细参数配置
./configure
–prefix=/usr/local/php php 安装目录
–with-apxs2=/usr/local/apache/bin/apxs
–with-config-file-path=/usr/local/php/etc 指定php.ini位置
–with-mysql=/usr/local/mysql mysql安装目录，对mysql的支持
–with-mysqli=/usr/local/mysql/bin/mysql_config mysqli文件目录,优化支持
–enable-safe-mode 打开安全模式
–enable-ftp 打开ftp的支持
–enable-zip 打开对zip的支持
–with-bz2 打开对bz2文件的支持
–with-jpeg-dir 打开对jpeg图片的支持
–with-png-dir 打开对png图片的支持
–with-freetype-dir 打开对freetype字体库的支持
–without-iconv 关闭iconv函数，种字符集间的转换
–with-libxml-dir 打开libxml2库的支持
–with-xmlrpc 打开xml-rpc的c语言
–with-zlib-dir 打开zlib库的支持
–with-gd 打开gd库的支持
–enable-gd-native-ttf 支持TrueType字符串函数库
–with-curl 打开curl浏览工具的支持
–with-curlwrappers 运用curl工具打开url流
–with-ttf 打开freetype1.*的支持，可以不加了
–with-xsl 打开XSLT 文件支持，扩展了libxml2库 ，需要libxslt软件
–with-gettext 打开gnu 的gettext 支持，编码库用到
–with-pear 打开pear命令的支持，php扩展用的
–enable-calendar 打开日历扩展功能
–enable-mbstring 多字节，字符串的支持
–enable-bcmath 打开图片大小调整,用到zabbix监控的时候用到了这个模块
–enable-sockets 打开 sockets 支持
–enable-exif 图片的元数据支持
–enable-magic-quotes 魔术引用的支持
–disable-rpath 关闭额外的运行库文件
–disable-debug 关闭调试模式
–with-mime-magic=/usr/share/file/magic.mime 魔术头文件位置
cgi方式安装才用的参数
–enable-fpm 打上php-fpm 补丁后才有这个参数，cgi方式安装的启动程序
–enable-fastcgi 支持fastcgi方式启动php
–enable-force-cgi-redirect 同上 ,帮助里没有解释
–with-ncurses 支持ncurses 屏幕绘制以及基于文本终端的图形互动功能的动态库
–enable-pcntl freeTDS需要用到的，可能是链接mssql 才用到
mhash和mcrypt算法的扩展
–with-mcrypt 算法
–with-mhash 算法
–with-openssl openssl的支持，加密传输时用到的
–with-pcre-dir=/usr/local/bin/pcre-config perl的正则库案安装位置

哪怕是看第三遍，还是能让你笑得捧腹，感动得流泪。

除了感动与爆笑外，还能给你很多启发与指引。

• 交几个真正的朋友，真正的朋友能教导你正直，追求梦想，得知你的消息时让空客返航，忘记穿裤子，甚至能在最艰难的抉择下牺牲自己。
• 成为别人真正的朋友。
• 父母永远是最亲的人，哪怕是他们有时会做出一些错误的决定，但你要知道，他们也许有其它的原因，但肯定出于为了你好。
• 不要为了成绩而学习，而是因为兴趣而学习，后者能让你对知识求知若渴。
• 追求自己的理想，不要在意其它人一时的看法。
• 追求卓越，成功自然会追赶你。

爸爸，为什么这条鱼的嘴巴尖尖的这个样子？

以上都是工作上的事情了，个人方面，去年拖着一直没学的驾照得赶紧拿到手了。
想把小房子换成大一点的房子，爸妈以后过来，住得舒服一些。
暂时就这样吧，不能奢望太多。

————-5/22/2011 更新————-

• 生活中的事还挺顺利，把房子给换了，驾照也顺利拿到。
• 计划赶不上变化，工作也给换了，对于我自己来说都是意料之外，情理当中。
• 新的工作还挺喜欢，是自己喜欢做的事情，所以激情又回来啦。
• 今年最重要的就是如何找着自己的方向。
• 加油！

记得当时看了玉伯的文章后就知道他在考《命名函数表达式探秘》的内容，并没有太在意，只是觉得对于浏览器或者Javascript的某些怪异现象，有一定的了解就OK，在实际的运用中，肯定是会避免出现这样的问题。

但看到译飞的文章里提到的 [] == ![] //为true 时，的确愣了一下。
最后，译飞还留下了一道思考题：

{} == !{}; //返回什么值？
[] == [] //返回什么值？

把我的兴趣给提了起来，追根究底一翻再睡觉。
[] == [] 不用讲，肯定是false，两个不同的对象。
通过译飞的分析

Step01: [] == ![] // 由于[]是对象，则 ![] 返回fasle，演变为 Step02。
Step02: [] == fasle // 由于 fasle 是 Boolean 值，则转换成数字 0，演变为 Step03。
Step03: [] == 0 // 由于 0是数字，[]是对象，[] 转换成数字 Number([]) -> 0，演变为 Step04。
Step04: 0 == 0 // 返回最终结果：true

[] == ![] //为true，同理，{}也是对象，{} == !{};应该也是true。
通过运行得到结果false。很明显，中间还有道道。

通过翻看ECMAScript得知，在译飞的Step03：

Step03: [] == 0 // 由于 0是数字，[]是对象，[] 转换成数字 Number([]) -> 0，演变为 Step04。

针对{}和[]处理的结果是不一样的。

Number([]) ：
Step01: [] 转换成 空字符串
Step02: Number(”) -> 0;

Number({})：
Step01: {} 转换成 ‘[object Object]‘
Step01: Number(‘[object Object]‘) -> NaN

结果：
NaN == 0 //false

具体见ECMAScript 8.6.2.6
还有其它各种类型的转换，可以仔细再看看。

最后，了解浏览器和Javascript的某些怪异现象和特性，可以在项目中避免遇到一些诡异的问题。

—————–我只是条无辜的分割线—————————-

最后的最后，很晚了，睡觉。

ANT，是 Apache 的一个开源项目，用于自动化调用程序完成项目的编译，打包，测试等。
Eclipse 内置了Ant，可以很方便地对JS, CSS进行压缩合并处理。

比如 js, css 文件都放在 web_assets 目录下，那么目录结构如下：

web_assets
    +-- ant-build  //存放ant build xml 配置文件
        +-- js.build.xml //处理 js 的配置文件
    +-- js  //最终的js文件
    +-- lib  //其它依赖的程序
    +-- src  //源文件

lib目录下有yuicompressor.jar, 用 YUI Compressor 压缩 JavaScript 和 CSS

ant-bild/js.build.xml 文件内容如下：

<project name="js.build" default="clean" basedir="../">
    <description>js.build for ANT</description>
    <property name="src" location="src" />
    <property name="build" location="build" />
    <property name="target" location="js" />
    <property name="lib" location="lib"/>
    <property name="charset" value="utf-8"/>

    <target name="init">
        <mkdir dir="${build}"/>
    </target>

    <target name="concat" depends="init">
        <concat destfile="${build}/core.js" encoding="${charset}" outputencoding="${charset}">
        	<path path="${src}/core.js" />
		<path path="${src}/dialog.js" />
        </concat>
        <replaceregexp match="@DEBUG@" replace="" flags="g" byline="true" file="${build}/core.js" encoding="${charset}" />
    </target>

    <target name="compress" depends="concat">
        <java jar="${lib}/yuicompressor.jar" fork="true">
            <arg line="--type js --charset utf-8 ${build}/core.js -o ${target}/core.js"/>
        </java>

    </target>

    <target name="clean" depends="compress">
        <delete dir="${build}"/>
    </target>

</project>

这个 ant 配置文件要经过4个流程：

1. target init 进行初始化处理，创建一个目录build，用于暂存文件；
2. target concat 合并两个 js 文件，放到 build 目录下；
3. target compress 调用 Yui Compressor 对合并后的 js 进行压缩
4. target clean 进行清理动作，删除生成的 build 目录

ANT标签和属性解释：

• project 的 default 对应某个 target 的 name 值，表示默认执行哪个步骤；
• target 的 depends 对应其他某些 target 的 name 属性，表示依赖性；
• ${name} 可以引用 property 中定义的值。
• mkdir 标签创建一个目录
• replaceregexp, 正则表达式替换，将DEBUG标识替换为空，在正式环境不处理DEBUG信息
• 注意设置文件的 encoding 属性，否则可能有乱码情况

关于ANT的详细文档，请看官方手册：http://ant.apache.org/manual/

在 Eclipse 里右击这个文件，选择 Run As -> ANT Build
即可以控制台看到信息：

Buildfile: D:\eclipse\workspace\JS-Test\web_assets\ant-build\build.xml
init:
concat:
compress:
clean:
   [delete] Deleting directory D:\eclipse\workspace\JS-Test\web_assets\build
BUILD SUCCESSFUL
Total time: 875 milliseconds

这时候 js 目录就生成了合并压缩后的 core.js 文件，相当方便。

使用script标签加载

通过firebug查看各种资源加载状态，当test.js下载完毕后，图片才开始下载。

猛击测试页面block.html

使用JSLoader异步加载JS

当使用异步加载方式加载JS时，test.js与图片同时加载，加快了页面的呈现：

猛击测试页面js-loader

JSLoader

JSLoader.load(url, [fun1], [funN]);
参数：
url 要加载的JS的地址
fun 依赖该JS执行的函数

使用示例：

JSLoader.load('test.js', function(){
    document.getElementById('test').innerHTML = test;
});

猛击这里下载JSLoader.js

JSLoader源码：

var JSLoader = function(){

	var scripts = {};

	function getScript(url){
		var script = scripts[url];
		if (!script){
			script = {loaded:false, funs:[]};
			scripts[url] = script;
			add(script, url);
		}
		return script;
	}

	function run(script){
		var funs = script.funs,
			len = funs.length,
			i = 0;

		for (; i < len; i++){
			var fun = funs.pop();
			fun();
		}
	}

	function add(script, url){
		var scriptdom = document.createElement('script');
		scriptdom.type = 'text/javascript';
		scriptdom.loaded = false;
		scriptdom.src = url;

		scriptdom.onload = function(){
			scriptdom.loaded = true;
			run(script);
			scriptdom.onload = scriptdom.onreadystatechange = null;
		};

		//for ie
		scriptdom.onreadystatechange = function(){
			if ((scriptdom.readyState === 'loaded' ||
					scriptdom.readyState === 'complete') && !scriptdom.loaded) {

				run(script);
				scriptdom.onload = scriptdom.onreadystatechange = null;
			}
		};

		document.getElementsByTagName('head')[0].appendChild(scriptdom);
	}

	return {
		load: function(url){
			var arg = arguments,
				len = arg.length,
				i = 1,
				script = getScript(url),
				loaded = script.loaded;

			for (; i < len; i++){
				var fun = arg[i];
				if (typeof fun === 'function'){
					if (loaded) {
						fun();
					}else{
						script.funs.push(fun);
					}
				}
			}
		}
	};
}();

刚洗完澡的轩轩，最喜欢打电话和玩手机了，经常一个人跑到电话旁拿起听筒叽哩哇啦地说个不停。