相信许多人和我都有相同的习惯：浏览完网页的时候，如果页面响应非常慢，除非特别关心，否则会立即“咔嚓”关掉这个页面。
作为一个web开发者，一直以为浏览器关闭后，服务器脚本(php)自然也会立即停止，然而，今天做了一个测试：
1 2 3 4 5 6 7 8 | <?php $fp = fopen('/usr/local/logs/test.log', 'a'); for($i = 0; $i < 100; $i++){ fwrite($fp, "----------$i\n"); sleep(1); } fclose($fp); ?> |
把这个脚本放到apache，tail -f test.log，同时tail apache的access日志，用浏览器访问，然后关闭或者停止浏览器，你会发现test.log日志仍然在跑，直到脚本内的循环走完，然后apache的access日志会跳出一条状态为200的日志~~~和正常访问一样
关于javascript的性能问题，争议最多的就是它的单线程：UI渲染与更新数据跑在一个线程里，如果碰上比较耗时的数据运算或者DOM操作，UI就会很卡，特别是对IE6、7这些古董级的东西，这个问题会特别明显。
这里不想分辨单线程到底是优点还是缺点，只想所说如何通过setTimeout规避这种问题。
比如本博客上面红色的导航条(嘿嘿，换了皮肤，这个还没加)，当滚动条向下滚动时，通过修改css的position值，菜单条会变成悬浮在页面顶端的，在页面滚动过程中，js会不断检查当前滚动条的位置，直到导航条回到初始位置时，再将其定位回该位置。
由于要不停的访问DOM，取得滚动条的高度，这段代码在IE6、IE7里是很卡的，以至于刚开始的时候，我在这段逻辑的开头加了浏览器类型的判断，如果是IE，干脆不再执行这段代码~~~直到加入了下面这段优化以后
1 2 3 4 5 6 7 8 | var scroolTime = null; $(window).bind('scroll.top', function(){ scroolTime && clearTimeout(scroolTime); scroolTime = setTimeout(scroolFun, 0); }); var scroolFun = function(){ //.....检查页面高度、设置菜单条css的逻辑 } |
上面这段代码的核心就是“setTimeout(xxxx, 0);”，咋一看，定时为0不是等于没定时嘛，其实不然，即使定位为0，setTimeout也不会立即执行定时的function，而是在当前线程空闲时才会执行，也就是说， 随着滚动条的滚动，js逻辑会等喜面的代码跑完，且ui渲染完了以后再去调用 scroolFun。而“clearTimeout(scroolTime)”会保证定时队列里只有一个待执行的scroolFun
再比如，以前做的的一个需求，在js内上有一个几十到上千条的数组，数组内保存的通讯录的实体，页面上要求可以对通讯录做搜索。如果照正常的逻辑，需要将整个数组跑一遍循环，再将符合条件的结果集显示到页面上。特别是在做搜索的时候，需要支持随着用户输入的时时搜索，这种情况下，如果数组长度过千，即便是chrome这样的高端浏览器，页面操作仍然不回很流畅。
这是又到了setTimeout派上用场的时候了：每次对数组搜索时，只搜索10到100条不等的一段，搜索完这一段即将满足条件的结果显示到页面上，然后setTimeout(‘分段搜索function(start, length)’, 0)，等待线程空闲以后，再继续搜索下一段。
然后在用户修改搜索关键字时，记得要将上面的定时clearTimeout掉。
具体每次的搜索长度，可以根据浏览器不同来定义，不如IE6，每次只能搜索10条，而chrome每次搜索几百条。
—————-
偶然在csdn看到几个js的小题，考察的都是很基础的知识，拿来分享一下
1.
1 2 3 4 | if (!("a" in window)) { var a = 1; } alert(a); |
开始，我以为是1，后来试了下，结果是undefined，仔细看看，也对：js在执行是，会首先提取所有var的新变量，让后给其赋值undefined，并将其加入到当前的执行环境总，比如这里，程序还没执行，实际就有了window.a=undefined，所以“(“a” in window)==true”
2.
1 2 3 4 5 | var a = 1; var b = function a(x) { return x*x; }; alert(a); |
一直以为这种写法会报错，汗颜的是，前段时间去某家公司面试，还碰上了类似的题目，回来也没写写试试。
实际试了下，这里的alert仍然是1，这种写法，a只在function a的内部是function，但是如果在a内部调用a(x)，会递归
3.
1 2 3 4 5 | function a(x) { return x * 2; } var a; alert(a); |
呵呵，有了第一个题，这个就比较简单了，function
4.
1 2 3 4 5 | function b(x, y, a) { arguments[2] = 10; alert(a); } b(1, 2, 3); |
这个也简单，arguments[2]就是a的替身，a会被修改为10
5.
1 2 3 4 | function a() { alert(this); } a.call(null); |
这里考察的是call的使用，正常call的参数是什么，里面的this就是什么（我也是这么理解的），但是关于call还有一条说明：如果call的参数是null或者undefined，里面的this仍然是当前执行环境，即window
————-
参考:http://bbs.csdn.net/topics/390300541
随着node.js的流行，js的书写方式正在悄然发生变化。
node.js里异步编程的大量使用，回调越来越多，缩进也就越来越多，以前，习惯了tab/四个格的缩进，现在发现这种缩进方式对代码越多影响越来越大：缩进太多，内层的代码要靠拖动水平滚动条才能看到；另外，tab键在各个IDE里显示的空格个数是不同的，2~8个不等。
所以，就准备修改自己js的书写习惯：用两个空格代替tab。
但是，如果真的手敲空格又缺失太麻烦，还好大部分IDE都会提供使用空格代替tab的的功能，即敲tab后，实际产生的是另个空格。
下面介绍一下eclipse的设置方式，如下图，首先打开eclipse的“偏好设置”，找到图中所示的选项：
在Formatter找到“Active profile”，不要直接修改系统默认的profile，点下面的New，新建一个，然后打开，如下图所示：
在第一个选项卡里找到General settings -> tab policy，右侧的下拉改为“Spaces only”，下面的两个“size”都改成2，保存推出即可
———
通过iTunes可以备份ios设备到mac系统内，但是ios设备的容量越来越大，备份时占用的空间也就越来越大
如果你装了双硬盘，mac系统装在容量较小的SSD上，而iTunes并不能修改备份未知，这种事情就会很讨厌了，本就不大的SSD会被备份数据挤占大量的空间，能不能备份的空间更大的机械硬盘上？
当然可以！
网上搜索解决方案，说是可以在大硬盘上建一个Backup文件夹，让后制作一个替身，放到SSD上对应位置
试了试，通过右击建立的替身是不行的，进一部搜索找到了解决方法：使用ln命令制作替身
ln -s /Volumes/Library/Backup/MobileSync/Backup /JKL/Library/Application\ Support/MobileSync/Backup #即： ln -s 实际位置 替身位置 #ps：“Library/Application Support/MobileSync/Backup”是iTunes的默认备份位置 |
————-
参考：http://hiraku.tw/2011/01/2416/
回顾2012，前11个月都是四平八稳，平平淡淡：工作，天天挤公交上班；生活，也是平淡如水；去了几个好玩的地方，拍了一堆照片（呵呵，后面会补一个图片专题）；看书的时间越来越少，偶尔拿手机听听评书，算是弥补一下下，只有刷微博的时间越来越多；偶尔还会随着家人看会电视~~
当然，最让人高兴的还是女儿健健康康，快快乐乐的成长，会走路，会叫爸爸妈妈~~感谢老婆和丈母娘的悉心照顾~~O(∩_∩)O哈哈~~
刚才说前11个月的工作都很稳定，其实，稳定在正是在酝酿变化，一个爱折腾的人是不会甘心平静这么久的~~11月底开始寻找新工作，12月中旬，离职-换工作，一气呵成~~总算在2012年即将结束的时候完成了一件大事
对于2013，本来并没有什么很强烈的愿望，只希望家人平平安安健健康康，工作顺顺利利就ok了
可昨天突然发现，1983-2013，自己已经30岁了（汗，真的是突然发现~~God & 老天爷！泪流满面ing）
然后，就给自己的2013种下了一个愿望：希望可以在30岁生日之前完成人生的另一件大事：买房
北京的房价让人很无奈，可以总要有一个自己的窝呀。。。哪怕远点、小点
————–
面对房子的压力，来给自己寻找点信心吧：
刚才翻箱倒柜，用遍了百度、google，总算在sina找到了自己几年前的blog地址，不为别的，只为里面有一篇《2008，新年寄语》，看浏览记录，5年了，这篇文章也没什么人看过~~但是这篇文章所描述的当时的心情，对我却有非凡的意义。
2007年末的我，毕业半年，工作不顺心，刚刚从深圳一个电子厂辞去了IQC的职务，整个人都被强烈的失败感笼罩着。在一次招聘会上偶然听说还有专门做java培训的公司，于是在经过一番调查以后报了一个北京的java培训班，春节一过，就一个人跑到帝都来，从此过上了北漂+程序猿的日子。真的很佩服那个时候的自己，在两眼一抹黑的情况下，能够下决心放弃刚刚做顺手的QE工作，转行、换地方~~~哈哈，单身就是好，想去哪儿就去哪儿
那篇文章的结尾是这么写的：
好了，2008来了，对我来说没有奥运圣火，有的只是再次点燃的希望之火。 为了这个并不渺茫的希望，我要做得只有一点：努力！ |
————–
PHP对大小写敏感问题的处理比较乱，写代码时可能偶尔出问题，所以这里总结一下。
但我不是鼓励大家去用这些规则。 推荐大家始终坚持“大小写敏感”，遵循统一的代码规范。
一、大小写敏感
1. 变量名区分大小写
所有变量均区分大小写，包括普通变量以及$_GET,$_POST,$_REQUEST,$_COOKIE,$_SESSION,$GLOBALS,$_SERVER,$_FILES,$_ENV 等；
2. 常量名默认区分大小写，通常都写为大写
（但没找到能改变这个默认的配置项，求解）
3. php.ini配置项指令区分大小写
如 file_uploads = 1 不能写成 File_uploads = 1
二、大小写不敏感
1. 函数名、方法名、类名 不区分大小写，但推荐使用与定义时相同的名字
function show(){ echo "Hello World"; } show(); //输出 Hello World 推荐写法 SHOW(); //输出 Hello World |
2. 魔术常量不区分大小写，推荐大写
包括：__LINE__、__FILE__、__DIR__、__FUNCTION__、__CLASS__、__METHOD__、 __NAMESPACE__。
echo __line__; //输出 2 echo __LINE__; //输出 3 |
3. NULL、TRUE、FALSE不区分大小写
$a = null; $b = NULL; $c = true; $d = TRUE; $e = false; $f = FALSE; var_dump($a == $b); //输出 boolean true var_dump($c == $d); //输出 boolean true var_dump($e == $f); //输出 boolean true |
4.类型强制转换，不区分大小写
包括
•(int)，(integer) – 转换成整型
•(bool)，(boolean) – 转换成布尔型
•(float)，(double)，(real) – 转换成浮点型
•(string) – 转换成字符串
•(array) – 转换成数组
•(object) – 转换成对象
$a=1; var_dump($a); //输出 int 1 $b=(STRING)$a; var_dump($b); //输出string '1' (length=1) $c=(string)$a; var_dump($c); //输出string '1' (length=1) |
————–
参考：http://hi.baidu.com/wbkys/item/c6cf7b0c334700ca90571805
Jatinder Mann是微软Internet Explorer产品的一名项目经理，在BUILD 2012大会上，他做了题为“提高HTML5应用和网站性能的50条秘技（50 performance tricks to make your HTML5 apps and sites faster）”的演讲，介绍了很多为Web应用提速的技巧。
Mann的建议是按照下面六个原则组织的。
1. 快速响应网络请求
2. 最小化下载的字节数
3. 高效地组织标记
4. 优化多媒体资源的使用
5. 编写快速的JavaScript
6. 知道你的应用在做什么
—————-
转自：http://www.searchsoa.com.cn/showcontent_68434.htm
接触CSS已有相当长一段时间，我们竟然没有留意position:fixed的用法。
我们都知道CSS中定位属性position的值，除了默认的值外，还有absolute,relative和fixed。我平时比较常用absolute和relative，而position:fixed却没多关注。或许是因为当初在CSS中文手册中看到position:fixed旁边有说明“IE5.5及NS6尚不支持此属性”吧。
前段时间，在做一个项目时需要使一个层相对于浏览器边框固定，那时用position:absolute试了下，发觉absolute是对网页边框而言的。后来，上网查了一些根据滚动条的移动，动态地改变left和top的值的JavaScript语句，虽然能实现了类似的效果，但滚动条移动时，那个层晃来晃去的，感觉不好看，想要一种能使层固定不动的做法。
且看下面的代码：
#help{ width:30px; height:20px; background-color:green; position:fixed; left:60px; top:100px; } |
我们用上面这段代码来定义页面上的一个层“help”（id=“help”）。这样就能实现我们想要的效果了。
在IE8、Firefox、Opera、Google等浏览器中测试，都没有问题，唯独低版本的IE中，这个属性无效。
转自：http://www.blogjava.net/rongxh7/archive/2009/11/22/303225.html
——————-
ps：置顶菜单的定位：
div.top_nav{ width:100%; position:fixed; left:0; top:0; ...... } |
服务器端将多个js文件整合到一个请求内输出，是一种常用的减少页面请求数的方法；另外，如果js文件间的逻辑是相互依赖的，需要控制它们的加载顺序，在服务器端做文件整合也可以规避这种扯淡的事
以前php的时候，使用简单的“include”，就可以完成这事，最近做了一个java的项目，也想使用这种方式，就想用jsp的include试试，已经想到了可能会有中文乱码的问题，于是加上了：pageEncoding=”UTF-8″
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@ page contentType="application/javascript" %> <%@ include file="xxx1.js" %> <%@ include file="xxx2.js" %> <%@ include file="xxx3.js" %> |
结果~~~还乱码 o(╯□╰)o
查了很多资料，做了N多测试，大概有这么几种
1. 将文件另存为“utf-8”格式，覆盖到项目里
—-觉得这是多此一举，直接在eclipse里修改文件属性不就行了：检查文件属性，本来就是utf-8
2. 在web.xml里做一些设置，让js文件可以做jsp解析
—-无效
3. script标签加上“charset”，等效的，jquery ajax加载脚本上，加上“scriptCharset”
—-折腾了半天，还是无效
4. 。。。。。
搞来搞去，还是没有成功，jsp的乱码问题果然名不虚传 +_+
刚才，本着死马当活马医的精神，拿第一种方法试了试，使用txt编辑器将js代码拷出来，另存为utf-8格式，在覆盖到项目目录内~~ok了 ~\(≧▽≦)/~
（看来eclipse文件属性里的编码只是说以什么编码方式打开，和文件本身的编码的方式无关）
—————
btw：两年多没有碰过java了，这次帮别的部门做项目，不得不又开始搞jsp，有了php的类比，深感用jsp/tomcat做web网站有多么麻烦，jstl简直多此一举。更喜欢php的方式：通过“”标签将服务器端逻辑和浏览器端的逻辑完全分开，简洁而不失优雅。反观el/jstl，非要将本来属于java端的逻辑与html混在一起~~~java还是适合做复杂的后台逻辑，然后用类似thrift的东西与web端解耦
关于本站