Chesanqi's Web World

　　自从《阿凡达》的热潮过后就没去过电影院，但最近的豆瓣电影评分《盗梦空间》从9.3升到9.5，《敢死队》从8.5降到6.8，我迫切的迫不及待的想去看看什么叫做“匪夷所思却又流连忘返”。 　
　　
　　我去的是天通苑的万达国际影城，走路5分钟即到，买了10点55分的票，在楼下吃了肯德基，返回5楼时已经10点45分，或许我走的太匆忙，票没检就被我闯进去直奔9厅9排19号。我第三个进影厅，情形远不如《阿凡达》时的火爆，找到座位坐下时刚刚10点51分，收发了两条短信，10点55分正点开始放广告，首先是戴尔电脑，google.cn招聘的广告也在其中，我很喜欢这个广告，轻盈干净又有创意，虽然谷歌中国的状况并非如此。戴尔的广告播了第二遍，又播了一个什么广告，灯光熄灭，11点整我关闭手机，影片开始。
　　
　　以下内容严重剧透，继续阅读请慎重。
　　
　　《盗梦空间》的情节并非那么复杂，简单来说是两个能源行业的巨头，其中一方想整垮另一方，就派人去干掉另一方的继承人。这里的干掉并非杀死对方，而是希望公子哥继承垂死父亲的事业后分拆它，两个巨头便剩其一。这个得利的巨头叫伊藤，他要想达到目的，就得设法让公子哥自己有放弃父亲事业的想法。以莱昂纳多扮演的柯布为首的一群人有这么一种能力，可以与目标一起做梦，让梦中看到的想到的认识到的影响现实中的实际行动，正如天朝的封建时期，某位皇帝做了噩梦，就要在现实中报复一样。
　　
　　柯布给伊藤办事并非为了地位金钱或者其他物质需求，他只想回家回美国，因为家中有两位可爱的女儿。他与妻子是早期的盗梦者，他们既活在梦中也活着现在中，因为这种事做的多了，便很难区分梦与现实，特别是造梦时并非从无到有的创造，而是根据回忆创作。现实中的妻子自以为在梦中，只有死亡才能醒来，于是跳楼自杀，妻子也希望柯布如此这样回到她认为的现实世界，临死前对警方说了柯布有家庭暴力倾向，柯布被怀疑杀死自己的妻子，一直在被通缉中。能源巨亨伊藤自然有能力为柯布抹去罪名，让他安全的回到女儿身边。
　　
　　柯布以前的工作性质是在梦中盗取别人的心思，梦中人总是比现实中缺少防备，银行密码或者其他机密事件也就容易获取到。如果只有一维梦境故事倒也简单直白，我进到你梦中，或者咱们一起做梦，在梦中把事情解决，一觉醒来故事结束，就如民间传说中的“魏征梦斩泾河龙”的故事。但现在面临的问题是，我要把一个想法——“分拆父亲事业”植入到你的大脑中，在梦中无论怎么对你说教都无济于事，因为你会觉得那是别人的想法，与我何干，我为什么要去那么做，只有自己的脑海中滋生了某种想法，才会在现实中去实施他。于是我们需要你在梦中做梦，梦中做梦又做梦，梦中做梦又做梦再做梦，其实整部影片下来我也没搞清一共做了多少层梦，又都是谁做的梦，不过根据台词所示故事是准备做三层梦的，首先在波音747的头等舱中一位药剂师做了梦，把5位同伙加他自己连同公子哥带入梦中，在这一层梦中，药剂师驾车躲避公子哥潜意识里反抗因子化为的武装人员的追击；车内其余6人睡眠中做第二层梦，这一层是是由柯布的助手做的，梦中的场景在宾馆中展开，柯布的助手在这一层中是醒着的，其余诸人睡觉做第三层梦，……，不多赘述。
　　
　　我们都知道在沙发上迷五分钟做的梦，梦中的世界可能会过去一个小时、一天甚至一个月，以此为根据不难推论出，梦中梦的时间尺度是成几何倍剧增的。在《盗梦空间》里从飞机起飞到降落的过程中，最深层的梦时间尺度已经达到了50年。伊藤因为在药剂师和柯布助手的双层梦境中身负重伤只能生存在梦中的迷失层里，柯布为了解救他只身留在梦中，当历经磨难险中求生的年轻的柯布见到垂垂老矣满脸褶子的伊藤，告诉他自杀就可以醒来，醒来就可以和自己一样年轻时，故事终于归于平稳，小腹渐渐开始感觉到尿意。虽然只是100多分钟的片子，但也好像一天没去厕所一样。
　　
　　故事结束，一枚金属的小陀螺在桌上不停的旋转。导演显然有意这么安排，因为你能清楚的听到临旁的座位上啧啧的叹气声，那声音中或许包含了可惜、遗憾、不解、困惑……这叹气声只能是看过影片的人才能了解，这叹气声提供了在公交车在办公室在聚会中的谈资，因为这陀螺并非普通的陀螺，他转啊转，似停非停。
　　
　　魏征梦斩泾河龙，
　　
　　到乡翻似烂柯人，
　　
　　庄生梦蝶丢烦恼，
　　
　　哆啦A梦大雄觉，
　　
　　南柯一梦为一生，
　　
　　躺下驱使阿凡达，
　　
　　只愿保卫潘多拉。

等你升级的时间，那惨淡的心情大概只有军队作战前的黎明可以比拟。像“斯巴达克斯”里奴隶起义的叛军在晨雾中遥望罗马大军摆阵，所有的战争片中最恐怖的一幕，因为完全是等待。

或许你还在使用2001年10月诞生的IE6(Internet Explorer 6)浏览器，而现在是2010年3月。在日新月异以天计算的网络社会中，IE6正阻碍着网络新事物的发展，或许你没有感受到这一点，这是因为背后有许许多多的网络工程师通宵达旦的辛勤工作为你抚平这些沟堑。而现在他们有些受够了，想想吧，马上就10年了，10年前我们用网络做些什么？看土豆优酷？偷菜停车？电子商务？网页游戏？新事物层出不穷，IE6老态龙钟。

因为用的是盗版系统，所以可能你已经关闭了XP的自动更新功能，导致IE6不会自动升级。其实升级IE6也没什么用，因为微软已经放弃了对它的支持。现在有两个新的版本IE7和IE8可供普通用户使用，而在3月17日微软发布了IE9预览版，并且声明IE9将放弃对XP系统的支持，就是说假如你用的是XP操作系统那在不久的将来最高只能升级到IE8，再以后你买了笔记本后的第一件事就是把正版的系统卸掉，换上与你相濡以沫的XP，这就像你看到有人还用WIN98一样XX（该处省略两个字）。

也许你很高兴现在没用IE6而是用的“遨游”、“360”、“腾讯TT”、“世界之窗”、“搜狗”，并且让它们自动更新，始终保持在最新版。我承认这些浏览器功能十分强大，让你用起来得心应手。可是你要知道这些都是外壳浏览器，它们调用的都是IE的内核，改头换面换了身皮肤而已。如果你在装这些外壳浏览器时电脑本身还是IE6的浏览器，那这些外壳浏览器依然是IE6的心，如果电脑本身是IE7浏览器，那它们是IE7的心。虽然它们是最新版，但它们的心不会升级。它们的心是玻璃，外壳是木板升级到钢板，从性能上来说……春哥，你知道的。别指望一颗玻璃心能多么坚强。现在“遨游”、“搜狗”等一些外壳浏览器已经开始支持双核，除了支持IE核心外，也支持WebKit内核（一个开源的浏览器引擎），虽然一些国内网页开发人员对外壳浏览器鄙夷依旧，但它们会比这篇文章更能改变你们的习惯。

目前除了IE系列的浏览器外，还有火狐浏览器(Firefox)、谷歌浏览器（Google chrome）、苹果浏览器（Apple safari）、以及市场份额很小，但创新能力很强的Opera浏览器。迫于国内互联网应用的现状，不可能完全不用微软的IE，比如国内一些银行和垃圾政府网站只能保证支持IE6。庆幸之一是这一状况正在慢慢改善，比如建行把个人网银率先全面支持 Firefox 浏览器当作抢占Firefox用户市场的重要先机；庆幸之二是上述这些浏览器有针对IE的插件扩展，比如谷歌浏览器有IE Tab扩展，下载安装之后在谷歌浏览器地址栏右侧就多了一个按钮，点这个按钮谷歌浏览器就能模拟IE的行为，保证你正常浏览网页。

你也许会说这些关你什么事，现在能用就行呗。是的，目前来说绝大多数的网络应用还不敢放弃对于IE6的支持，你们的势力还很强大。但你这样想让我觉得你已经变得像你讨厌的爸爸妈妈爷爷奶奶一样不乐于接受改变，感叹电脑复杂怎么也学不会，连拼音输入法打个字都那么费劲。

我不能说服你，但你不能阻止我说你。《阿凡达》我只想看IMAX 3D的，14英寸熊猫黑白电视机有什么意思呢？

等你升级的时间，那惨淡的心情大概只有军队作战前的黎明可以比拟。像“斯巴达克斯”里奴隶起义的叛军在晨雾中遥望罗马大军摆阵，所有的战争片中最恐怖的一幕，因为完全是等待。

在等待的时间，让我心平气和的看一副《译言网》的漫画：
Internet Explorer 6 的盛衰史（漫画）— Smashing Magazine

百度和Google的故事我也随便写点什么吧。

按网上统计支持Google的多百度的少（当然官方的得反过来）。不管统计的结果怎样，这可能只是庄子梦蝶的故事。因为可能还有第三种答案：去乡下问问占全国人口百分之七八十的农民伯伯，“您对谷歌和百度的事情怎么看？”农民伯伯可能会回答，“现在粮价上涨早就不打渔了，看着田里的谷子涨势那么好，心里都跟唱歌似的。”

百度的痛处在于没有退路，Google可以选择退出，因为他还有全球的市场，而百度日本还一般般。百度往哪里退？再退只能学南宋的赵构跳海了。不要谈什么没骨气，每个人都想做出一番事业，李彦宏可以去美国创业，但在美国的他绝对不是现在的他，他可能是个经理人、技术总监或者影响力微乎其微的公司的创始人，或许他取得了拿得出手的成就，影响力日益传播到中国，这时大陆的人可能是5毛也可能是谷粉就会呼吁他回国创业希望他回国创业，每个在外游学的人都想到过要回国创业，在祖国出人头地。在祖国他雄心勃勃要创造一个公平公正促进信息正常流通的搜索引擎，于是他被弄死了。

百度要同Google划洋而治，百度台湾百度日本百度韩国百度新加坡……假设他运气好，国外市场份额节节高升，超过了国内市场。那他的腰杆怎么着也会硬点了，对政府讲话也有底气了，于是他在国内的市场被彻底弄死了。

这时候会有一个新的搜索引擎出现，他可能叫谷度，一跃成为中国最大的搜索引擎，坐在那个寒风凛冽的位置。

而政府就是他座位底下的一壶开水，谷度谷度地冒着热气。

注：小小是小小的蜗牛的小小，不是小小的乡长的小小。

先列一下会议的主题，由于时间的关系没有讨论完，感觉很遗憾。

一、 结构合理化
a) 统一的DTD声明 html4.01 xhtml1.0 html5
b) 通过W3C验证
c) 语义化的html 标记应用
d) 语义扩展 microformats或RDFa
e) Class id命名规则一致性,借鉴html5新标记名称和microformats。
f) SEO
二、 样式合理化
a) 样式的分层管理
i. 公共规则层 reset base layout-rules …
ii. 公共模块层 header footer …
iii. 项目模块层 频道、店铺、检索…
iv. 项目文件夹尽量平级，不要多层嵌套
b) 样式的书写
i. 编码 utf-8避免中文字符造成样式读取问题
ii. 注释 统一
iii. 模块区分，避免代码耦合增加维护难度
c）CSS代码压缩
三、 素材合理化
a) 图片类型合理应用 jpg png-32 png-8 gif
b) 图片字节
c) 图片管理
e) css sprites
f) 图片缓存
四、Javascript AJAX DOM
a) 如何创建自己的js库或js框架,选择JS库或框架
b) JS的管理
c) JS的性能
备选议题[如果会议时间还有富余可以讨论]
一、HTML5+CSS3
a) 如何使用html5
b) 如何使用CSS3

一、结构合理化
DTD声明是给浏览器看的，可以让浏览器知道这个页面代码是哪个年代的写法，以便作出合理的解析。与会的朋友都认同同一个团队DTD声明要统一，但至于选择哪种类型的声明，会因某些历史原因、团队整体技术水平原因或者其他别的方面的原因而不同，甚至有些老旧的项目没有DTD声明。

W3C验证是检验我们代码标准化程度的工具。因为是工具所以在我们项目的进行中不一定是必须的。有朋友还提到，前端提交的静态页面是可以通过W3C验证的，但是交付后台嵌套程序后，绝大多数情况下又通不验证，所以完美的页面需要后端同学对W3C的标准也比较上心才行，而这个比较困难。结论是W3C验证是自己对自己严格的要求，对html和css各版本之间差异的理解，正确合理的标签嵌套，避免不小心犯下的书写错误，可以让自己的代码更健壮与优雅。

html标记语义化的讨论有些小小争论。不太认同这个观点主要是因为现阶段看不到特别出彩的好处，有同学说到现在的搜索引擎不一定对特有语义化的标记有特别的处理方式，爬虫抓取的只是文字与图片等实质内容，搜索引擎是不是真的认为h1标签的权重比h2标签大？语义化标记并非固定不变的，由于规则的变化，一些标记今天是推荐标准，明天或许就被舍弃。甚至选择合适的语义化的标记在开发过程中费掉了不少时间。持比较赞同观点的朋友认为标记语义化有更好的未来发展前景，提到不同的终端如盲人阅读器，家用电器接入互联网等等，有些特殊情况下浏览器对css文件解析出现问题，有语义化的标记依然能够让页面层次分明。
（会后我仔细考虑一下两方的观点，说一说我的理解：搜索引擎对语义化标记解释的不一致也许正说明了我们前端工程师对语义化标记的使用混乱。天然的即使我们对有语义的标记感到选择困难，也不会喜欢只用一个标记来完成所有的代码工具，想一想如果整个页面只有div一种标记虽然也能很好的完成工作，但这绝不是我们想要的，我们会根据自己的理解用到我们所认为符合语义的标记。随着互联网的发展，基于未来网络的各种终端设备会层出不穷，如果有一套大家都遵循的语义化标签，那么我们的工作量肯定会大大减少，因为至少不用考虑我们这套代码是工作在“IE”上还是“火狐”上。）

与会的朋友谈到微格式和RDFa都说不太了解，说实话我是第一次听到这些知识，为了避免理解上的偏差就不介绍了。

class和id命名规则，有些人习惯纯英文来命名，有些人习惯拼音首字母，有些人习惯拼音加下划线（或者间隔线），有些人习惯驼峰格式（第一个单词首字母小写，从第二个单词开始每个单词的首字母大写，如“className”）。至于具体哪种方式更好一些，没有具体结论。有些习惯的改变成本也是挺大的，只能建议大家按照根据团队的规则来做，这里大概可以叫做到建立“一致性”，与人方便自己方便嘛！

SEO大概可以算是上面的一个综合，因为完美的SEO方案并不是项目完成后再实施的，它要渗透到项目进展的个个方面，甚至视觉设计师也要参与进来。而关于外链方面的话题没有在此次交流会讨论。

二、样式合理化
对于小站来说一个样式文件就能满足需求，对于大的项目大家都比较认同三层机制：reset及layout、公共模块、频道具体应用。 对于共用样式在以后的特殊化问题，与会者有人表示对于极个别的特别不靠谱的需求可以打回，或者大范围的讨论是否真的有改动的必要。如果真的不能避免，我个人觉得可以讨论出调整公共模板的整体样式还是只在修改的地方按照css优先级的原则打个补丁。

编码的问题和DTD声明的问题差不多，新制作的页面大家都倾向于使用utf-8。

大家认为要有必要的注释，更多的考虑在维护方面。如果是utf-8编码那中文注释会增加字节，但这个是可以容忍的。代码压缩后，增加的字节数可以忽略。对于大型的站点，我们这组讨论的是喜欢两套代码，一套用于维护修改，一套用于站点，就是说写好代码后压缩上传，需要的修改的时候，修改未压缩的版本，改好后压缩上传。有的服务器支持自动压缩，上传一个未压缩的版本，服务器会自动压缩。如果有了比较深度的压缩，那么对于样式写法的具体细节，就不必那么太在意，有的人习惯每个样式占一行，有的人习惯每个class里的所有样式共占一行。

三、素材合理化
首先亮出了一个观点，图片的压缩是无止境的。这话当然有点狂妄，但要认识到fireworks对png的压缩要比photoshop更优化，而还有其他的工具可以对压缩后的图片进行更深度的压缩。根据算法的不同，将来我们也许能找到更好的压缩工具。

大家现在都比较认同png-8和jpg两种格式，之前在谷歌中国召开的第一届webrebuild北京年会，腾讯的彪叔说他们现在更多也是用这两种格式，有动画效果的才用到gif。png-24的兼容性有问题，全透明png-8的表现是很好的，而半透明gif的表现同样不好。涉及半透明的渐变叠加绚丽效果还是要拼合成jpg整图，甚至会用到flash实现渐变叠加效果。

大家还说了下自己公司或者自己对图片字节的要求，我记不清都是哪些公司，只好说有的要求是30K，有的是60K，而刚才看greengnn的博客他的底线是100K。这个还是看各公司具体更注重那方面吧。

我们组一位来自新浪乐居的朋友提出用SVN的方法来进行图片管理的观点很新颖。由于时间的关系不能更好的讨论感到很遗憾。

css sprites在第二届交流会上已经讨论过，大家有兴趣的看去w3ctech主页看看。

—————————————————-
最后要说的话，此次交流会是同百度UXday联合举办，谢谢盒子咖啡的美味糕点和优秀服务生。还要谢谢前两届提供场地的身边网，你们对前端工程师的重视，假以时日必将收到丰厚的回报。

@huairen :每天阅读国外的有关一些交互产品的文章，和看他们的一些截图。发现国外的bloger更多的是数据，实验，结果的对比，和对现象的动机原理分析，而国内的可用性体验博客，多是一家之言，感觉，认为和用户是xxxx。 体验和细节，要沉淀和整理要挖掘后面的现象和规律。
via:不许联想 ：贵国人一向不爱用数据说话，干什么都喜欢拍脑袋，很感性，他认为他喜欢米高·集训，就觉得全国人民就都喜欢。

以上是我今天在twitter上的两条RT，随后看到蓝色理想网站上讨论display:none;和visibility:hidden;区别的帖子，由这个帖子引入到《图片的HTTP请求》这篇博文。一路下来感受颇深，要亲身做到自己赞同的观点不是那么容易的事。两条推说的是事理，我百分百赞同，看论坛里的帖子某一楼层用两个英文单词的意思来解释它们的不同，我心说这样多么简单明了，何必像某位大侠盖了一层一层楼，写了一遍又遍代码，待看到《图片的HTTP请求》一文，我服了，这才是真正做事情的，像考究学问一样研究代码和浏览器之间的差异。一次次为贬低中国填鸭教育，推崇美式实践教育的做法背书毫无用处，一点点的强迫自己改变，清楚的认识我是个感性的人，我要做理性的事。