我才12岁 ?

本月前端 Tips:

6.1 - 6.4


64.【JS】IE下操作innerHTML，向里面插入的内容包含有<style>标签的，style标签不会被解析，可以通过内联或者外联样式去解决。（龙刚）

65.【CSS】对于类似 .a.b {} 这样的样式，ie6仅能识别.b，会忽略掉前边的 .a，使用这种方式就会带来一些问题，而且在重置时也比较费劲，一般不推荐过多的使用此类形式来定义样式。

66.【CSS】在作input与后边文字元素垂直居中的时候，一般做法是：input=>vertical-align:middle;在IE浏览器中均可实现垂直居中对齐，但是在火狐下不是太灵活，可以使用vertical-align:-num（num:代表合适的数值），来调整差距。（涵宇）

67.【浏览器】浏览器对于样式表的处理可分成两类。FF和Opera会先渲染，之后如果样式被改则刷新渲染；Chrome、IE和Safari等到样式表全好了后才渲染。(通常他们只延时渲染样式表之后的内容，但IE在某种情况下会延时渲染全部)（涵宇）

6.7 - 6.13

68.【CSS】IE6/7及IE8怪异模式中，text-align:center可以使块级元素也居中对齐。其他浏览器中，textalign:
center仅作用于行内内容上。IE怪异模式中，给块级元素设置margin-left:auto;margin-right:auto无法使其相对于其父容器居
中对齐。其他浏览器中则不存在此现象。（Google）

69.【JS】有时候需要获取到flash对象，因此给object添加了id，给embed添加了name，两者的值刚好相同。此时如果使用window[name]来获取flash对象，各浏览器的表现就不一致了：在Opera/Safar/Chrome获取到的是一个集合HTMLCollection，弹出其length是2，在Opera/Safari/chrome中分别取出第1,2个元素分别是object，embed元素。准确的获取flash对象可以通过以下方式：

function getFlashObj(name){   
     return document[name] || window[name];   
} 


（来源：http://www.javaeye.com/topic/684672）

70.【CSS】当A标签缺失href属性后，它相当于普通的标签，在IE6下，普通标签是不支持“:hover”伪类的。因此，对缺失href属性的A标签设置“:hover”伪类是无效的。（Google）

71.【CSS】w3c css21规范中指出：A:hover必须放置在A:link和A:visited之后，否则将隐藏A:hover内定义的相同规则。同理，A:active应在A:hover之后，否则A:active中的相同规则将被隐藏（L-V-H-A）。在IE7(S)/IE8(S)/Firefox(S)(Q)/Chrome(S)(Q)/Safari(S)(Q)下，A标签的伪类遵循w3c css21规范中的L-V-H-A顺序标准。而在IE6(S)(Q)/IE7(Q)/IE8(Q)下则不遵循。（注：Q：怪异模式，S：标准模式）（Google）

72.【JS】正则表达式中，g表示全局配，如果正则表达式中带有g，每次匹配后lastindex会更新一次，比如：var s = 'abac',re = /a/g; 初始值lastIndex为0，第一次匹配后，lastIndex变为1，第二次匹配后lastIndex变为3，第三次匹配没有匹配到，lastIndex则变为0，可以通过以下代码进行测试：

var s = 'abac',re = /a/g;
console.log(re.lastIndex);
console.log(re.test(s));
console.log(re.lastIndex);
console.log(re.test(s));
console.log(re.lastIndex);
console.log(re.test(s));
console.log(re.lastIndex);

另外，建议在使用test检测的时候不要带上全局配。（龙刚、空帷）

73.【CSS】在一些切图的活动页面，如果出现图片裂缝问题，就在全局样式里加一个 img { vertical-align:middle;}，即可解决。（龙刚）

74.【CSS】在IE8中，-ms-filter是filter的别名，两者的区别是前者的属性值必须被单引号或双引号包围，而后者则不是必须的，而在IE8之前的版本中，filter的属性值必须不被单引号或双引号包围。（http://www.ued163.com/?p=818）

6.17,6.21 - 6.25 

75.【CSS】尽量不要在浮动元素上使用 clear 特性，避免发生一些奇怪的兼容性问题，比如：在IE6(S)(Q)/IE7(S)(Q)/IE8(Q)中，如果clear特性被设置在一个浮动的元素上时，该浮动元素可能会与其前边的浮动元素放置在同一行。。。等等~（Google）

76.【CSS】"Layout"是IE/Win的专有概念，它决定了元素如何对其内容进行定位和尺寸计算，与其他元素的关系和相互作用，以及对应用还有使用者的影响。"Layout"可以被某些CSS特性(property)不可逆的触发，而某些HTML元素本身就具有layout。（Google）

77.【CSS】在使用CSS来写一个三角形的时候，需要注意一点，当边框设置为transparent时ie6下会显示出一个灰底，所以，ie6下要设置成背景的颜色，但是对于渐变背景的话此方法就不再适用了，建议使用图片代替。

78.【JS】一篇关于计时器的文章：http://www.sitepoint.com/blogs/2010/06/23/creating-accurate-timers-in-javascript/

79.【HTML】IE中IFRAME元素有一个专有的allowtransparency属性，参见：http://msdn.microsoft.com/zhcn/library/ms533072(en-us,VS.85).aspx。当其值为“true”时，IFRAME元素可以透明。当没有allowtransparency属性或者allowtransparency属性值不为“true”时，IFRAME元素的背景色始终为“#FFFFFF”，并且设置其背景色也无效。当allowtransparency属性为“true”后，IFRAME元素的背景色随
即变为“transparent”，然后我们可以随意设置其背景色。（Google）

80.【CSS】IE6及IE(Q)中BODY元素的背景色不是CSS规定的transparent，而是#FFFFFF。这个#FFFFFF是由background-color:window得来，window属性为是Windows系统主题设定的“窗口背景色”，这个设置会影响很多程序的窗口背景色，而其他浏览器多不受此影响。（Google）

6.28 - 6.30

81.【JS】replace函数的第二个参数可以为字符串或者函数，当为函数的时候，它有 n+3 个参数，其中 n 为 () 的个数，第一个参数是匹配模式的字符串，中间的 n 个参数分别对应匹配到的各个 () ，第 n+2 个参数声明了匹配在 string 中出现的位置，最后一个参数是 string 自身。

82.【JS】通常情况下，当一个页面出现滚动条的时候，获取scrollTop方法在各个浏览器下有些差异。Chrome、Opera、Safari可以通过doc.body.scrollTop方式来获取，而IE、FF下得到的值是0，但可以通过doc.getElementsByTagName('html')[0].scrollTop来获取。简便的解决办法：
var s1=document.body.scrollTop,s2=document.getElementsByTagName('html')[0].scrollTop;//返回非0，即真实有效的值
return Math.max(s1,s2);（熊松松）

83.【JS】如果一个对象并存valueOf和toString方法，那么在数值运算中，优先调用valueOf，字符串运算中，优先调用toString。（涵宇，龙刚）

昨晚看了这部片子，超出我的预料了，本以为应该没有《80′s 后》好看，不过看完，发现，比那个好看多啦~

还是比较喜剧的，比较搞笑哈~那个小孩儿竟然盗用我的名言 — “我才12岁”，哈哈~感觉整个都还不错，算是有故事的，不过那里边的小孩儿有点早熟。。。最后打擂台虽然故事比较老套，但是时间控制的灰常好，并没有打多久，不像其它片子最后打擂台一打几十分钟。。。打的头昏脑胀的~

总体感觉很好，豆瓣四分。

揭晓 应该是爱情在半路抛锚

所以丘比特迟到

还好 我们在兜过了许多弯角

走进了同一座城堡

你说如果早遇到多好

多几分几秒你都要

我说那就加倍对我好

你点着头给我肯定的微笑

爱情即时生效 下一秒

幸福就算冰山一角 很难找

你是带我抵达的路标

就算天涯海角

誓言即时生效 对我好

沿途偶尔遇到风暴 让我靠

记得要把我的手抓牢

答应我不轻易放掉

揭晓 应该是爱情在半路抛锚

所以丘比特迟到

还好 我们在兜过了许多弯角

走进了同一座城堡

你说如果早遇到多好

多几分几秒你都要

我说那就加倍对我好

你点着头给我肯定的微笑

爱情即时生效 下一秒

幸福就算冰山一角 很难找

你是带我抵达的路标

就算天涯海角

誓言即时生效 对我好

沿途偶尔遇到风暴 让我靠

记得要把我的手抓牢

答应我不轻易放掉

爱情和时间赛跑

我们要一起到老

你所为我在肩上披的那件外套

代表你一辈子给我的专属依靠

温柔得让我总忍不住想炫耀

爱情即时生效 下一秒

幸福就算冰山一角 很难找

你是带我抵达的路标

就算天涯海角

爱情即时生效 下一秒

幸福就算冰山一角 很难找

你是带我抵达的路标

就算天涯海角

誓言即时生效 对我好

沿途偶尔遇到风暴 让我靠

记得要把我的手抓牢

你不会轻易的放掉

歌手：蔡依林

今天去看了传说中的青春史诗巨著 — 《80′后》，去看的人还是蛮多的。

景色拍的挺美的，不知道接下来杭州的物价、房价会不会因此更上一层楼。。。

故事开始到中学毕业前这一段，偶觉得拍的挺好的，但是之后就开始扯淡了，导演姐姐，表让人那么容易死、那么容易坐牢好不好，完全是任何时代的人都可能发生的事儿，真的跟 80 后没关系。。。

再一次赞叹一下，摄影很好！

首先感谢空空帮忙解决问题。

昨天在做 Demo 的时候，Html 模板去替换数据的时候遇到一个问题，简单描述下：

Code:

var str = '<ul><li>{Num1}</li><li>{Num2}</li><li>{Num3}</li></ul>',//template
    data = [1012, 1210, 5210];//data
str = str.replace(/{Num(\d)}/g, data['$1']);

目的很简单，我就是想把字符串中的相关数字替换成我取到的数据中的真实数字，杯具的是此路不通，结果得到的是 undefine。于是问了空空，空空给的回复是用函数：

str = str.replace(/{Num(\d)}/g, function(nul, key) { return data[key - 1];});

当时我就震惊了，偶不知道后边的参数还可以用函数，out了。。。回家查了下犀牛书以及百度Google，略有所知。

第二个参数可以为字符串或者函数，当为函数的时候，它有 n+3 个参数，其中 n 为 () 的个数，第一个参数是匹配模式的字符串，中间的 n 个参数分别对应匹配到的各个 () ，第 n+2 个参数声明了匹配在 string 中出现的位置，最后一个参数是 string 自身。

例：

var str = 'i love jolin',
    func = function(word) {
        return word.substring(0, 1).toUpperCase() + word.substring(1);//将所有单词的第一个字母改为大写
    };
console.log(str.replace(/\b\w+\b/g, func));

参考资料：

• 《JavaScript 权威指南》
• 百度
• Google

首先回顾下上半年的计划：

1. 学习 Python：这个已经实施了，虽然不是很强，但是基本能写写小程序什么的，还需练手。
2. Opera 资源整理：这个汇集到了 OperaLab，当然 OperaChina 于今年开的 Wiki 更加全面哈~
3. 优化 Dragonfly：这个依然没有去做，惭愧。
4. 读完《大秦帝国》剩下六卷以及《后三国》、《流血的仕途》：今年的进度有些慢，只读了三卷半，目前还有两卷半没有读完，另外两本更是没读，不是没有时间，而是用来读其他书了，这半年还读了《可爱的Python》、《Python学习手册》、《一页纸的项目管理》（两本）。
5. 爬山：依旧是每周至少一次，正在逐步养成每早跑步的习惯，加油~
6. 依林家族已经很久没去了。。。偶对不住依林。。。CSSer 将逐步废弃。
7. 继去年被带入 Vim 一族之后，今年又被带入 Ubuntu 一族，感谢颜耀、许阳寅等人让我看到了丰富多彩的世界。。。

然后是下半年的计划：

1. 继续深入学习 Python，逐步熟悉各种流行框架；
2. 完成 Html Format，当然现在核心功能已经完成，剩下容错以及 Doctype 检验等；
3. 完成这半年搞的一个依托于 jQuery 的扩展库 – KidLand，预计八月或者九月可以完成；
4. 读完《大秦帝国》剩下的两卷半，《流血的仕途》（两本），一定要读完。。。买回来放了半年多了。。。然后是《天才在左疯子在右》，然后继续过一遍 python 那两本书；
5. 我决定再为依林做点贡献，我回头升级下依林家族吧；
6. 继续坚持爬山、跑步，每月至少做一次在杭周边的短途旅行，当然有机会还是想去成都；
7. 下半年一定要拿到驾照，神啊，保佑我吧！

暂时就这些吧，继续抓紧时间看三国了，新红楼周六就要首映了，偶要赶上潮流！

刚看完此片到家，心情非常的沉重，亲情是永远都无法不被打动的。

片子比较沉重，看的比较累，推荐一下。

偶然的机会发现的一个问题，顺便做了下测试。

Code:

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="gbk">
    <title></title>
    <style>
        p { color:blue}
        body p:first-child:first-letter { color:red}
        body P:first-child:first-letter { color:red}
    </style>
</head>
<body>
    <p>我才12岁</p>

    <P>我才12岁</P>
</body>
</html>

大家觉得结果应该是什么样子的？

继续阅读 »

下午和孙燕姿MM、叶子MM一起看了这部电影，感觉，这真的是一部小孩子看的片子，推荐有小孩儿的乘客带孩子去看一下，挺好的，让我越来越喜欢小孩子，越来越想念小时候的生活，童趣。

端午小长假，和长天一起去安吉玩了三天，虽然地方不咋样，但是玩完感觉心情不错哈~

第一天上午，和天姐在饭米粒吃了午饭，然后打车到黄龙旅游集散中心，坐了一点钟发往安吉的快客，浩浩汤汤的前往安吉。。。到的时候已经三点啦，所以没去大地方，去了附近的灵峰寺。去的是后门，不过感觉象正门哈，因为比较威武（偶一直没看到正门）。在后门的和尚那里买了门票（30元/张），然后踏进了传说中的灵隐寺的姐妹寺。。。一进去就有一群蚊子追随，郁闷死了。寺庙蛮大的，随便看了下，人比较少，不过佛还算是比较齐全。。。感谢天姐磕了几个头。。。为之后两天的旅行奠定了坚实的生命基础，^_^然后爬了下后边的山，全是竹子，而且没有头。。。爬了一阵子，天快黑了，只好返回了，不过出了一身汗还是蛮爽的哈。然后出了寺庙，发现已经没有车回市区了，一直走回来的，哈哈。快到市区的时候才打到车，去了途中通过携程预订的安吉百合世纪大酒店。酒店感觉还不错，价格也蛮便宜的，我们订的一个标间，是160元，含双早。放下随身携带的物品，出来觅食，我们出门向右走的，这里是市中心，但是竟然找不到吃饭的地方，到胜利路口，就看到一个肯德基和一个江南小厨，然后又走了一圈，全是卖衣服的商场。。。找了半天才在一条什么什么路上找到一家土菜馆，感觉还不错把哈。吃完继续走的时候接连就看到了几家餐馆。。。想找的时候找不到，不想找的时候导出都是。。。回酒店的时候找超市，结果发现在酒店的左边走两步就有一家餐馆。。。疯了。。。又走了很远才找到一个小卖铺。。。这地方貌似很不方便哈。这里的水质貌似不咋样，烧的水，很浑浊，晚上天姐又出去买了水回来喝。。。

第二天一大早就起来了，吃了早餐杀向客运中心，坐了去中国大竹海的公交，本来这车是只到港口村的，但是貌似车上去大竹海的人比较多，车子就开到了大竹海，还是蛮远的，而且路不是很好走。天一直在淅淅沥沥的下雨，让竹海之游另有一番趣味。初进竹海，感觉很不错哈，很亲近自然，空气很好，景色很美，漫山遍野的竹子，好惬意啊。登上一个高台，眺望漫山遍野的的竹海，感觉好舒服，好开阔。中途坐了下空中飞人，感觉好爽，真的fly了，哈哈。然后其实就没有别的地方可玩了，都没开发呢，跟长姐沿着一条路一直往上上，一直走到无路可走。。。返回途中，又走了一个陡坡，真的是陡坡哈，挑战了一下，一直沿着上去，真的是爬。。。哈哈。。。天还下着小雨，又湿又滑，爬着上去，滑着下来。。。全身搞的脏兮兮的，哈哈，感觉蛮爽的~

从竹海出来，找到一个小蛤蟆车，坐上前往天荒坪（35元），跟师傅要了名片，因为有些地方不一定有车回来，所以还是要打电话叫师傅来接的，当然这里没有用到，以备不时之需嘛哈。一路颠簸，一蹦一跳的驰向天荒坪。中间环山的路，甚是险峻，哥哥我一路提心吊胆的。。。哥怕死啊。。。平安到了天荒坪后，找到一家小餐馆吃了午饭，坐上前往藏龙百瀑的公交。这一路的风景很不错，山水、竹海，环境真的很不错。二十多分钟后到达了苍龙百瀑。

藏龙百瀑真的是很不错，有山、有水、有瀑、有竹，虽然下着小雨，但是来玩的人还是很多。据说海拔800多米，不知道是绝对高度还是相对高度，感觉不是很高，爬上去很轻松。这里的风景很好的，要比大竹海好玩多了。如果天气好的话，中途还是可以坐下来好好的欣赏下风景，我跟天姐爬的比较快，而且天下着雨，停下来赏景的时间很少~到了山顶，就有一个司机跑着来拉我们包车下山。。。很无语，走的太急了，直接就下去了，不过说实话，山顶都是房子，倒没什么看的。和其它几个陌生人一起包的车，我跟天姐一共付了10元，蛮便宜的，直接送到了山下，路程还是蛮长的。。。盘山路真不好走。。。而且提心吊胆的。

本来三天的行程，第二天下午就搞定了。。。速度太快了。。。高估这个地方了~所以临时决定第三天去龙王山，想挑战下传说中的1500多米是什么样子。。。从藏龙百瀑下来，坐到天荒坪，又坐到安吉，因为端午小长假开始，所以携程、12580的酒店都被预定的差不多了，剩下的价格比较贵，失算了。。。在车站左手边走了几步，有一个华泰商务酒店，问了下，标间靠街130，内侧140，蛮便宜的，先看了房间，感觉很不错，也是蛮大的，而且环境蛮好，就订了这里。唯一的缺憾就这这里不提供早餐，不过附近还算方便，吃的、喝得都有，在客运中心正门的对面左侧有一条小街，那里有一排餐馆，找了一个土菜馆，解决了晚饭哈~

第二天一早，买了几个包子，开始了前往龙王山的行程。要先坐车到孝丰，大约三十分钟的样子，然后再坐车到章村。。。好远，要走一个小时左右，而且后边一段又是盘山路。。。这地方咋就这么多山呢。。。一路的竹海，景色依然是很美，经过长途跋涉，到达了章村。在路边找到一个蛤蟆车，带我们去龙王山，一共是20元，大概半个小时的样子，一路还是盘山公路。。。真的怕了，太散了，走的提心吊胆的。要了师傅的名片，因为待会回来还要师傅来接。

进入龙王山景区，感觉很好，环境还不错，跟藏龙百瀑有些像，不过没有那么多瀑布，别有一番趣味。爬一小段，就可以看到黄浦江源，感觉一般吧。。。原来江源就如此而已。。。有些小小的失望，再往上更失望了。。。因为没得爬了。。。最后就到苗家表演那里停止了，再往上路比较不好走，也不知道到哪里，就没有往上爬了，壮志未酬啊！沿路返回，发现其实是可以不买票从旁边的路上来的。。。也不远。。。到山脚下，看到旁边有个药王谷景区，就去了下，门口有个残破的检票处，不知道为啥，没人了。。。估计来玩的人不多倒闭了。。。和长姐上去爬了下，中途还有条断毁的桥，还是垮了过去，继续往上爬，不过走了好久，都没看到一个人，又没有什么指示标志，也不太敢走了，于是原路返回了。。。真散。。。到了山下，打电话给师傅来接，等待中，发现这里竟然还有免费的wifi。。。^_^一路颠簸，各种倒车，平安回到了孝丰，感谢天姐第一天磕的几个头，哈哈~

到了孝丰，随便吃了点东西，在孝丰直接坐了前往杭州的快客，踏上了回程之旅。

总的来说，不是很好玩，但是这里的风景不错，门票有些贵了，感觉有些不值，除了灵峰寺是30元门票外，其它都是45元。其中自我感觉最好玩的地方是藏龙百瀑，这里还是可以尽兴的~如果去安吉，推荐大家去这里哈~三天我们两人大约花了1100元左右。