DOCTYPE对CSS及JS的影响
也许你已经发现选用或不用DOCTYPE对你的页面的影响是非常大的，甚至对于不同浏览器结果也不一样。下文以对一段javascript的影响说明：
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>divTest</title> <script> function changeHeight() { document.getElementById("content").style.height="360"; alert(document.getElementById("content").style.height); alert(document.getElementById("content").offsetHeight); } </script> </meta></head> <body> <div id="content" style="height: 60px; border: 1px solid #FF0000;"><a href="javascript:changeHeight()">aa</a></div> </body> </html>
Div CSS absolute与relative的区别小结
先看个例子
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>Div + CSS Example, Wayhome's Blog</title> <style type="text/css"> <!-- body,td,th{font-family:Verdana;font-size:9px;} --> </style></head> <body> <div style="position:absolute; top:5px; right:20px; width:200px; height:180px; background:#00FF00;"> position: absolute;<br /> top: 5px;<br /> right: 20px;<br /> <div style="position:absolute; left:20px; bottom:10px; width:100px; height:100px; background:#00FFFF;"> position: absolute;<br /> left: 20px;<br /> bottom: 10px;<br /> </div> </div> <div style="position:absolute; top:5px; left:5px; width:100px; height:100px; background:#00FF00;"> position: absolute;<br /> top: 5px;<br /> left: 5px;<br /> </div> <div style="position:relative; left:150px; width:300px; height:50px; background:#FF9933;"> position: relative;<br /> left: 150px;<br /> <br /> width: 300px; height: 50px; <br /> </div> <div style="text-align:center; background:#ccc;"> <div style="margin:0 auto; width:600px; background:#FF66CC; text-align:left;"> <p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> <div style="padding:20px 0 0 20px; background:#FFFF00;"> padding: 20px 0 0 20px; <div style="position:absolute; width:100px; height:100px; background:#FF0000;">position: <span style="color:#fff; ">absolute</span>;</div> <div style="position:relative; left:200px; width:500px; height:300px; background:#FF9933;"> position: <span style="color:blue;">relative</span>;<br /> left: 200px;<br /> <br /> width: 300px;<br /> height: 300px;<br /> <div style="position:absolute; top:20px; right:20px; width:100px; height:100px; background:#00FFFF;"> position: absolute;<br /> top: 20px;<br /> right: 20px;<br /></div> <div style="position:absolute; bottom:20px; left:20px; width:100px; height:100px; background:#00FFFF;"> position: absolute;<br /> bottom: 20px;<br /> left: 20px;<br /> </div> </div> </div> </div> </div> </body> </html>
absolute：绝对定位，CSS 写法“ position: absolute; ”，它的定位分两种情况，如下：
1. 没有设定 Top、Right、Bottom、Left 的情况，默认依据父级的“内容区域原始点”为原始点，上面例子红色部分(父级黄色区域有 Padding 属性，“坐标原始点”和“内容区域原始点”不一样)。
2. 有设定 Top、Right、Bottom、Left 的情况，这里又分了两种情况如下：
(1). 父级没 position 属性，浏览器左上角(即 Body)为“坐标原始点”进行定位，位置由 Top、Right、Bottom、Left 属性决定，上面例子绿色部分。
(2). 父级有 position 属性，父级的“坐标原始点”为原始点，上面例子浅蓝色部分。
relative：相对定位，CSS 写法“ position: relative; ”，参照父级的“内容区域原始点”为原始点，无父级则以 Body 的“内容区域原始点”为原始点，位置由 Top、Right、Bottom、Left 属性决定，且有“撑开或占据高度”的作用，上面例子橙色部分。
有趣的项目管理图
在Project Catoon 网站上看到了一套有趣的项目管理图片，这系列套图用风趣讽刺的手法解释了项目开发中的种种现象，看完以后相信大家就会明白为什么项目开发过程中总是会出现大大小小的偏差。
下面是此套图的1.5版本。
-
- 你的“上帝”是怎么期望的
-
- 项目经理是如何理解的
-
- 设计师么是怎么设计的
-
- 程序员们是如何开发的
-
- 测试员们得到的
-
- 你的商业顾问是怎么形容的
-
- 项目档案是如何纪录的
-
- 它是怎么付诸于实际的
-
- 顾客如何买你的帐
-
- 它是如何被支持的
-
- 广告是如何做的
-
- 客户到底需要的是什么
此外大家可以去这个网站建立自己对项目看法的排列组合。 2.0 beta也可以在这个网站上找到。
什么是DNS轮循?
传统的DNS解析都是一个域名对应一个IP地址,但是通过DNS轮循技术(负载平衡技术)可以做到一个域名对应到多个IP 上. 这样大家难免就会问,这个技术有什么用呢?
DNS轮循是指将相同的域名解释到不同的IP，随机使用其中某台主机的技术,该项技术可以智能的调整网站的访问量到不同服务器上，减轻网站服务器的压力， 实现负载匀衡;如果您感觉到单一的主机已经不堪负载你网站日益增长的访问，那么建议您采用我们的DNS轮循技术。
DNS轮循系统可以根据您的需求设置N台主机作为WEB服务器。目前已有越来多大型的WEB服务器使用DNS轮循来实现负载均衡，服务的分布规划更便捷，扩展性更好，从而提高了网站的稳定性和访问效率，那些大量数据文件请求的客户也得到了更快的响应。
DNS轮循还将给您的网站提供这样的改进，诸如您的网站的数据使用量一直处于不断的增长当中，当达到服务器资源运行瓶颈的情况下，由于采用了 DNS轮循技术，您只需要增加服务器数量就可以平滑升级，而且偶然故障或其他意外情况造成的损失得以避免，7×24小时可靠性的持续的运行成为可能。
如果您真的希望自己的网站能够一直稳定的在线运行，尽量的减少宕机的比率，那么除了采用比较好的网站空间技术支持之外，还可以采用时代互联域名的DNS轮循功能来实现网站的永久在线。
巴西广告节创意
看下这次巴西广告节的创意。广告语标语为：Many try, a few get it（很多人尝试，很少人成功）。广告中那么多颗脑袋争先恐后地去“钓”点子，可惜最后赢家一般只有一个，所以大多数脑袋只有看着别人谈情说爱的份儿。
解决PHP内存溢出
有时候我们在运行php程序的时候会发现 Fatal Error: Out of memory 这样的提示。 这有可能是程序中用到了大量了变量和对象，导致分配的内存不够用。
我们可以在php.ini文件中把memory_limit参数默认的128M修改为256M或者更大：
memory_limit = 128M如果是虚拟主机，我们可以在程序需要用到大内存的地方添加：
init_set("memory_limit", "128M");
这些可以在硬件环境方面解决我们的问题，不过最好的方法还是严格控制程序中内存的损耗。及时unset一些大而不用的变量或对象。
MySQL分区的优点
数据库分区是一种物理数据库设计技术，DBA和数据库建模人员对其相当熟悉。虽然分区技术可以实现很多效果，但其主要目的是为了在特定的SQL操作中减少数据读写的总量以缩减响应时间。
分区主要有两种形式：//这里一定要注意行和列的概念（row是行，column是列）
1. 水平分区（Horizontal Partitioning）这种形式分区是对表的行进行分区，通过这样的方式不同分组里面的物理列分割的数据集得以组合，从而进行个体分割（单分区）或集体分割（1个或多个分区）。所有在表中定义的列在每个数据集中都能找到，所以表的特性依然得以保持。
举个简单例子：一个包含十年发票记录的表可以被分区为十个不同的分区，每个分区包含的是其中一年的记录。（朋奕注：这里具体使用的分区方式我们后面再说，可以先说一点，一定要通过某个属性列来分割，譬如这里使用的列就是年份）
利用 Yii Component 的特性为 Model 添加额外属性
Yii的使用者都知道Yii是一个基于Component开发的框架，我们平时用到的Controller，Model等其实都是Component，因此我们也可以利用Component的特性来为我们的model添加一些功能。
平时我们建立的user表总是会涉及到first_name， last_name, 而在系统中我们要用到的却经常是完整人名。
//action $user = User::model()->findByPk($id); $this->render('show', array('user' => $user));
//view <span>< ?php echo $user->first_name . ' ' . $user->last_name ?></span>
