说下新主题吧，其实也没什么新主题摒弃了一些复杂无用的东西，追求简单、直接的表达方式，算是从Mac上学到的些东西吧。有一点要给大家道个歉：本站所有的友情链接我都取消了，我留在您站上的链接请自便哟。主要还是想静下心来写写字，不想给博客附加太多的东西，简简单单随笔而已。如果无意伤害了你那么抱歉。

新主题将不再支持IE9以下的浏览器，不是我不想支持，实在是没理由让我这么做了。web标准已经普及，是该做点事情提醒大家了。新主题是基于WordPress默认主题修改过来的，完全开源。如果你比较喜欢这个主题，请去我的github主页clone一份自用，Logo字体是Mac上默认的san-serif字体，请自行修改，如非必须请勿修改页脚文字。Github地址是：

https://github.com/keelii/shufry

PS.新主题正在测试完善细节中，有同学发现bug的话及时提醒我哈。

放出一张Mac下的缩略图，话说mac下感觉还是不错的^!^

版本：港版水货I9100
时间：2011年8月产
价格：￥3610 （仅供参考）
系统：港版最新Android2.3.5+基带版本XXXKI3+安智网春哥精简版（刚刷过，体验中…）

——————————————————————————————————

一. Galaxy S Ⅱ版本选择

市面上的智能机型版本非常之多，就Galaxy S Ⅱ来说就有：欧版、港版、亚太版、美版、韩版。国内发行的有国行、联通定制版、移动定制版等。这对于新手来说会有点晕。其实主要的差别就在于：硬件差异（是否缩水）、ROM是否通刷、是否正品行货（有售后保证）、价格差异。

1. 硬件差异

比如美版的Galaxy S Ⅱ是单核1.2GHz的CPU、4.5英寸的Super Amoled Plus屏幕以及1750mA电池，而标配（欧版、港版等）则是双核的1.2GHzCPU、4.3英寸Super Amoled Plus屏幕；韩版的则多一根天线。

2. ROM是否通刷

由于Galaxy S Ⅱ的版本众多，各地发行的官方ROM也不尽相同。一般来说。欧版、港版、亚太版的是通刷机型，也就是说可以互刷。比如：港版的官方没出2.3.5的ROM就可以先刷欧版的最新ROM。韩版就不能通刷，只能使用出厂ROM（淘宝有店主可以刷、具体情况我不清楚）。

3. 是否正品行货

国内发布的都属正品行货，比如：国行Galaxy S Ⅱ、联通定制版、移动定制版。购买之后有正规发票且可以享受三星售后服务，其它水货版没有。而港版行货、欧版行货则需要海外代购。

4. 价格差异

一般来说三星的机器韩版最便宜（棒子很聪明^!^），当时（我购机的时候）的韩版i9000大概价位在3200多一点。其次是欧水3400左右。港水3600左右。港行4300左右。国行的机器可以去京东、卓越上查。

我选择港水的原因大概就是原生支持中文、ROM通刷且价格适中。

二. 入手渠道

网购大致三种：京东-卓越-新蛋（行货去这里）、淘宝（水行皆可）、团购（不建议，你懂的）

囊中羞涩就买水货吧，淘宝买家我选择小梅家，这个不解释。淘宝网I9000销量最高。虽然有很多买家反馈质量不好甚至假货。但大多是枪手。就我入手的这款9100来说应该是货真价实的港水。提醒大家淘宝入手安全系数不高，需提高警惕（至少混机锋、安智一个月^!^）被骗的大多是外行不懂没研究过。要是你一口气能背出9100的配置和版本差异想必也没人能骗过你。严重提醒收货时要多检查下，看是是否是翻新机等。鉴别方法网上都有，大家自己去看吧！

三. 详细体验

1-1. 软件系统ROM

港版官方2.3.3ROM我用了一个月感觉挺不错的。系统很稳定，界面流畅的一塌糊涂。几乎不用任何第三方优化ROM或工具，这一点比9000时代的各种ROM各种优化模式来说好多了，至少对于小白用户来说足够用了。

1-2. 软件UI界面

三星自家的TouchWiz UI 4界面在用户体验上可以说是个很大的进步。流畅、顺滑的操作体验可以让你抛弃第三方Lanucher。

2. 硬件CPU

Galaxy S Ⅱ标配1.2GHz的自家Exynos 4210(猎户座)双核处理器。各种无压力，游戏、视频通吃。据说Galaxy S Ⅲ要出自家研制的2GHz四核处理器。震惊！！！

小提示：市面上的Android机大多是Nvdia Tegra2处理器。一些游戏也是基于它开发的，跑在i9100 Exynos 4210上会产生不兼容的情况。爱玩游戏的同学请三思。

3. 硬件内存

1Gb RAM + 机身16G内存。我手机上目前大概有52个软件，完美运行无压力。值得一提的是i9100是机身16Gb的内存。可以扩展至32Gb。

4. 屏幕

4.5英寸的Super Amoled Plus屏幕，除了比不了ip4屏幕的细腻外可以秒杀任何一款手机屏幕。无论是色还原、可视角度、分辨率都出色到另人发指。

5. 照片视频

标配800万像素带闪光灯+前置200万摄像头。出色的自动聚焦以及各种软件处理使得你可以把i9100当成一个卡片机使。高清视频播放更是快的难以至信。1080p的高清视频瞬间定位能让你感觉到猎户座的巨大魅力。

实物拍摄：

非实际像素(3264*2448)，PS缩小过(800*600)JPG-80。

香山某草

鸟巢灯

某人生日

6. 待机

额~这个基本上是个杯具。1650mA的电池也只能抗我一天半的使用。核心在于那个万恶又艳丽无比的屏幕。

总结

凭着我对三星两款Galaxy S机型(i9000,i9100)的使用来说。我觉得：如果说i9000是为发烧友准备的的一部“刷机王”手机的话，那么i9100才是一部真正给大众用的手机。

老早就听大湿们说vim是真正的程序员用的编辑器，我也是经过无数次的“使用-放弃-使用-放弃”之后，最终选择了vim这个神器。综合起来我用到的vim功能并且觉得好用的有以下几条：

• 1. 界面美观、轻巧、系统资源损耗小
• 2. 跨平台，Windows下的Gvim , Linux下的vi , Mac下的mac vim
• 3. 主题风格超级多（http://code.google.com/p/vimcolorschemetest/），我用monokai , 很经典、很酷
• 4. 代码自动补全+zencoding可以说是完美了

不幸的是vim的可定制性太高，很多参数设置都是需要手动配置的。而且Windows下用vim会出现一些问题，多数是因为用户不会配置.vimrc文件，一个设置就可能让你放弃vim。比如：

• 1. vim字体不好看
• 2. vim文件格式
• 3. vim的三种模式：命令、可视、插入
• 4. vim快捷键设置。
• 5. 。。。

很多新手可能会因为这些问题放弃使用vim。我建议先看看善用佳软博客的我这样使用VIM。

不过我有一个自己觉得好用的版本，是依照我个人习惯设置过来的。放出个压缩包给大家，大家可以参考下。使用方法如下：

• 1. 先下载gvim7.2的版本安装，点这里
• 2. 解压的我包到vim安装目录
• 3. 安装YaHei.Consolas字体（强烈建议安装）

我用的vim7.2：下载地址

YaHei.Consolas字体：下载地址

更新：adam的VIM视频教程很强大，强烈建议学习研究。地址：

http://bbs.yuyadong.com/read.php?tid=3930

关于CSS类名的命名方式大致有三种：

• 1. 下划线，即：class=”main_nav”
• 2. 减　号，即：class=”main-nav”
• 3. 驼峰式，即：class=”mainNav”

三种方法各有利利弊，我大概总结了下面几点：

1.下划线

优点：和程序兼容性好，因为所有程序语言里的变量命名都可以用下划线。

缺点：生硬难看，多余一个字符。

2.减号

优点：与CSS代码原生匹配，比如：text-align:center; 视觉上有一致性，也很美观。

缺点：用减号分割的字符一般的文本编辑器会认为它是两个字符，从而影响“双击选中”操作，另外在程序里减号是变量的运算符，可能会造程序书写困难。

3.驼峰式

优点：符合编程语言命名规范，节省1个字节

缺点：XHTML规定都是小写，用某些代码整理工具可能会误把类名全部转化成小写

大家如果觉得有什么要补充的可以讨论下，个人还是喜欢减号多一点。因为比较原生嘛！

具体要求如下（http://www.douguo.com/hr.html）：

职位名称：前端开发工程师
招聘人数：1名
岗位职责：

  1. 负责豆果网web产品的前端开发及维护工作；
  2. 负责web产品前端相关技术的规范标准。

任职条件：

  1. 热爱前端开发、喜欢钻研各类互联网应用；
  2. 2年以上前端开发经验，熟悉web标准化，性能优化方法，有成功案例；
  3. 熟悉CSS，JS框架，有较强的学习能力；
  4. 熟悉PHP/Actionscript优先。

多说一句，如果你是迫于生计想找一份工作那么这工作未必适合，如果你对前端充满激情并渴望有一片能挥洒自己青春的地方，那么这份工作将非常适合你。

关于豆果你还可以看看以下信息了解更多

http://fairyfish.net/2011/03/22/douguo/
http://tech.qq.com/a/20110304/000171.htm

联系方式：
直接发送简历到：hr@douguo.com
或者联系我：keeliizhou@gmail.com

HTML：

<h1 id="title">This a H1 Title, isn't it?</h1>
<div class="clear"></div>
<input type="button" id="btn-1" value="开始" />
<input type="button" id="btn-2" value="结束" />

木有什么好说的，主要看JS。

JavaScript:

window.onload = function () {
	var getID = function (id) {
			return document.getElementById(id)
		},
		startBtn = getID("btn-1"),
		stopBtn = getID("btn-2"),
		H1 = getID("title");

	function ScrollText(s, ele, t) {
		/**
		 * 创建一个文字滚动对象
		 * s (要滚动的文字)
		 * ele (HTML节点对象)
		 * t (滚动时间隔)
		 */
		this.s = s.split(""); //将传入字符串分割成数组
		this.ele = ele;
		this.t = t || 300; //默认值为300毫秒
	}
	ScrollText.prototype = {
		start: function () { //开始滚动方法
			var s = this.s,
				ele = this.ele;
			//alert(s.shift());
			clearInterval(this.interval);
			this.interval = setInterval(function () {
				s.push(s.shift()); //将字符串数组第一个字符剪切并添加到数组末尾
				//类似挤牙膏^!^
				ele.innerHTML = s.join("");
			}, this.t);
		},
		stop: function () { //结束滚动方法
			clearInterval(this.interval);
		}
	}

	var st = new ScrollText("这是可以设置的滚动文字哦！", H1, 500);

	//“实例化”对象
	startBtn.onclick = function () {
		st.start();
	};
	stopBtn.onclick = function () {
		st.stop();
	}

}

该说的都在注释里。好吧，不想看代码 看什么？看Demo呀！点击这里查看

你丫铁道部少发行一张站票会死啊，

你们晚上一天班晚走一天会死啊，

补卧铺，补你妹。活该你没买到坐票。

那谁谁上火车之前先上一趟厕所会死啊，

那谁谁少卖一瓶水，少卖个手电筒你会死啊，

大哥，大叔 包都是你的多少倍了？不学蚂蚁会死啊，

妹子，上车上不来就算了吧，活该你上来下不去。

你丫列车长，那么多人，那么高温，不开暖气你会死啊。

那谁谁少放一遍《爱情买卖》你会死呀，

……

新的一年，准备辞职找份新工作。希望今看能够学到更多的知识与大家分享！同时也要求工作啦！

当你在修改代码的时间可能其它人也在修改，为了避免更新版本时出现混乱，我们会用到SVN也是是版本管理。

理论知识：SVN ，subversion

神马SVN服务器，客户端的就不多说了，自己去查，我主要给大家说说如何在Eclipse中用SVN。

一、SVN服务器

我们可以选择GoogleCode提供的。当然前提是你知道Open Source的意思，也就是说项目的源代码是以你选择的某种开源协议放在Google服务器上的。不放心的可以自己在本地搭建SVN服务器，建议新手用这个VisualSVN(即有图形界面的SVN服务器端)

1.打开http://code.google.com/hosting/createProject按自己的需要创建一个项目，不过要记住在Version control system里面选择Subversion就行。

2.创建完成后点击导航栏上面的“Source”项目，这里Google会给出项目提交的SVN库(repo)地址，比如我的是：https://kily-wordpress-theme.googlecode.com/svn/trunk/。点击下面的google.com password进入设置界面，记下Google自动为你生成的SVN链接密码。

二、SVN客户端

这一步我们不需要自己建客户端，因为我们要用Eclipse的一个插件，其实也算是SVN客户端，唠叨了？囧~如果你没有Eclipse的话也可以试试这个SVN客户端：Tortoisesvn

1.在Eclipse中点击“帮助-添加一个新插件”（help-install new software）输入Eclipse插件subeclipse的更新地址：http://subclipse.tigris.org/update_1.6.x安装完成后重启Eclipse。

2.在Eclipse中调出SVN视图：window - show view – other – SVN - SVN资源库。右键新建一个SVN资源库。URL填第二步中Google给的地址。下一步直到完成。

3.在Eclipse的项目视图中右键一个项目-Team – ShareProject - SVN一路下一步。不过别忘写初始导入的注释。

4.提交(commit)你的项目并加上注释，右键项目-team-提交(commin)即可。提示你输入用户名时就填你Google账号地址比如：keeliizhou@gmail.com密码用第二步Google为你自动生成的登陆。好了你的项目已经在Google的服务器上了。接下来就试着更新下版本吧。

三、使用版本更新及对比

改动项目里面任何一个文件的源代码。比如多加一行。保存后commit到SVN服务器并写下改动注释。

右键那个文件compareWith - 与分支/标记进行比较。选择以前的那个版本确定。你就能很清晰的发现两个版本之间的异同了！

涉及到下拉菜单制作的方法最核心的还是鼠标移动到上面的处理。下面是调用wp_nav_menu()函数后的HTML结构(做解释用)：

<div class="menu-菜单名-container">
	<ul class="menu" id="menu-菜单名">
		<li class="menu-tiem">
			<a href="#">菜单项目1</a>
			<ul class="sub-menu">
				<li><a href="#">子菜单项目1-1</a></li>
				<li><a href="#">子菜单项目1-2</a></li>
				...
			</ul>
		</li>
		<li><a href="#">菜单项目2</a></li>
	</ul>
</div>

这是一种很经典很优雅的导航HTML代码，在IE6以上以及标准浏览器中要实现下拉效果只用一句CSS就能搞定。比如下面的示例代码(可自定义)：

.menu li a { float:left; height:35px; width:100px;/*菜单高度与宽度*/ line-height:35px; text-align:center;  color:#ccc; text-align:center; }
.menu li { float:left; height:1%; background:#000; }
.menu-sjys-container { position:absolute; z-index:1000;}
.menu li ul li { clear:both; border-bottom:1px solid #333; border-right:none;  }
.menu-item  { position:relative; border-right:1px dotted #333; }
.menu-item:hover>.sub-menu{ display:block; /*下拉效果只用到这一段代码*/ }
.sub-menu { position:relative; left:1px; margin:0; z-index:101; display:none;/*一般情况下隐藏子菜单*/ }
.sub-menu ul.sub-menu { position:absolute; left:100px; top:0;}

上面的这两段代码在IE6以上以及标准浏览器中表现的很完美，原因是IE6这种老浏览器还不支持任何标签的伪类属性，即htmlTag:hover。所以为了兼容我们又不得不用JS来实现(纯CSS亦可)。我大概写了一段JS可以勉强达到效果，但不知道为什么在IE中切换菜单时会有闪动的感觉，这个得求教JS高手了哈。

<!--[if lt IE 7]> <script type="text/javascript">
//<![CDATA[
/*导航联动效果*/
(function () {
	function getElementsByClass(searchClass, node, tag) {
		var classElements = new Array();
		if (node == null) node = document;
		if (tag == null) tag = '*';
		var els = node.getElementsByTagName(tag);
		var elsLen = els.length;
		var pattern = new RegExp("(^|\\s)" + searchClass + "(\\s|$)");
		for (i = 0, j = 0; i < elsLen; i++) {
			if (pattern.test(els[i].className)) {
				classElements[j] = els[i];
				j++;
			}
		}
		return classElements;
	}
	function hoverSubMenu(node, flag) {
		node.onmouseover = function () {
			var subMenu = getElementsByClass("sub-menu", this)[0];
			if (subMenu) {
				subMenu.style.display = "block";
			}
		}
		node.onmouseleave = function () {
			var subMenu = getElementsByClass("sub-menu", this)[0];
			if (subMenu) {
				subMenu.style.display = "none";
			}
		}
	}
	var menuItems = getElementsByClass("menu-item");
	for (var i = 0; i < menuItems.length; i++) {
		hoverSubMenu(menuItems[i], i);
	}
})();
//]]>
</script>
<![endif]—>

问题应该出在不同浏览器对JS中onmouseover事件处理的方法上。但我还没有弄清楚，希望有“大湿”指导下哈。

问题在于W3C对onmouseout事件处理方法不是很理想，微软IE支持的onmouseleave方法确可以正常工作。

正题：

在我们写CSS时遇到两个选择器不同规则相同的情况大多会用到多元素选择器，因为这样在某种情况下会少写一条相同的规则，比如：

#display-block{ display:block; }
.display-block{ display:block; }

合并为：

#display-block, .display-block{ display:block; }

这个地球人都知道？往下看…
毫无疑问上面这种方法大大的精简了代码，但是在实际操作中我发现并非所有的情况都如我所愿。比如：

#display-block{ display:block; color:red; }
.display-block{ display:block; color:black; }

合并为：

#display-block{ color:red; }
.display-block{ color:black; }
#display-block, .display-block{ display:block; }

对比一下这两段代码，你会发现下面合并过的比上面没合并的多了大约18个字符，换句话说就是合并并没有达到精简代码的效果，反而比原来的还长了。

总结一：当某选择器有单一CSS规则时，用分组选择器会达到精简代码的作用。

再来看一种情况：

#f1{ display:block; color:red; }
#f2{ display:block; color:black; }

合并为：

#f1{ color:red; }
#f2{ clor:black; }
#f1,#f2{ display:block; }

对比一下合并后大概节省了7个字符。

总结二：当N个（短）选择器下含有至少1条相同CSS规则，用分组选择器优化其中某条规则时可能会达到效果。

能否达到效果要看其中的“短”和“某条”的字符长度。用个小学生方程吧：设它俩字符长度为X，Y 那么：

当 Y*N>X*N+(N-1)+2+Y 时，总结二成立。否则不成立。

解释：

• N-1表示分组选择器之间的“,”
• 2表示多出来的“{}”

好了！一个简单的结论出来了哈。不过貌似没多大意义，也只做折腾罢了。匆深究^!^

附：CSS森林博客作者制作的CSS压缩工具：mergeCSS