上面说的 伪异步加载 是咋一看的推测，感觉像是滚动到那里的时候 整一个ajax请求，将下面内容加载进来。
后来在不经意之间看了下源代码发现的。
看下面是商城的源码截图。

从图中可以看出，源码中有很多 textarea 的标签，里面的值就是即将要加载的html，然后就恍然大悟，原来所谓异步加载也可以这样来实现。

分析实现流程

首先是将要加载的html代码 丢进textarea 里，因为此时html 在 textarea 是一直val形式，不会被浏览器解析渲染，所以页面在刚加载的时候只显示第一屏。然后通过计算滚动条的相对偏移(数学问题)，将textarea的val 值添加到html 的dom里 ，因为浏览器是即时解析的，新添加的dom 会被重新渲染，这样新加的html 就显示出来了。这个就是所谓的lazy load ：伪异步加载。

为什么要用textarea ?

其实这个东西估计是 因为html 标签的限制，这个方法的设计之初，设计师想将 硕大的html数据 缓存在一个不会被解析标签里，然后就发现textarea 刚好符合期望。

为什么不用ajax ?

因为数据不需要验证，不是时变性的数据，再者使用ajax 会增加http请求，并且维护性不好。
目前淘宝的 TMS 后台系统 都是模版化引擎，使用ajax 会对 模版化 引擎 产生冲突 以及 维护成本高等。

如何实现？

从实现流程来讲，这个功能实现起来没什么难度，唯一有难度的是，怎样把这个功能做成一个通用的模块，简易添加 class 以及配置就可以实现等来提高重用特性。

有合弊端

优点那么多，缺点又怎样呢·？
SEO：存在textarea 里的数据 能不能被 搜索引擎抓取呢？ 这个我最近在自己blog里研究一下。
web标准： 这样的做符合web标准么？将html代码放在textarea来实现 飞鱼：只是一个标准而已。

好了 打完收工~~~

您可能还对这些日志感兴趣

• js跨域问题
• 判断输入的字符是否为中文
• 乱翻乱教- jQuery 制作N级导航菜单
• 乱翻乱教-使用JS输出HTML串最快的方法
• 菜鸟级: 标签切换效果 – JQuery实现

之前一直都用嘀咕： 有兴趣可以跟随我
8过，嘀咕毕竟是嘀咕，平常就在上吆喝，聊聊家常，牢骚几句，发现聊技术木人鸟我 0_0 。于是呼，转移阵地。

选择新浪的唯一原因是 —– 它的主题皮肤真的很漂亮。

所以打算在新浪微博讨论点工作上的东西，比如交互，设计等前沿的东西。

就像我的blog一样，技术归技术，生活归生活。哈

想和我多接触学术方面的就 去 新浪 follow 我吧。 点这里

贾广告：
发现最近访问自己的blog 的时候，经常会打不开，F5一下才能看到妞~
不知道，你访问这里的时候有么有这样的情况？
有的话请留言上报，因为发现我的邻居有好多(同IP几十个玉米绑着) 不知道是不是玉米太多的原因。

您可能还对这些日志感兴趣 - 随意

• 马扁子
• 无齿地将png塞进IE6
• 老婆生病了 – 又神奇的好了
• 创业 or 求职
• 走马观花 – jQuery调试工具- jQuery pad

闲话少说：
下载地址：传送门 – 这个是小众软件上的，感谢小众哥哥，感谢C-C-A-V。
工具配置要求：
该软件需要 .NET Framework 3.5 运行环境，就像一朵鲜花插在牛粪上，又臭又香。
win7就不用麻烦了，系统自带，叉p的童鞋就折腾去吧。

使用方法：
左边写dom，右边写jquery 代码(注意：没有意外，要包个$(document).ready()，因为导出来的代码js部分是在头部。 )

好吧~ 玩泥巴去吧~ 不要忘了喊，飞鱼万岁~~~ 小众哥哥万万岁~~~

您可能还对这些日志感兴趣

• 系统级应用项目中的函数命名冲突问题
• 隔山打牛 – jQuery中 trigger() & bind() 使用心得 (二)
• 老汉推车 – jQuery中 trigger() & bind() 使用心得 (一)
• 乱翻乱教 – jQuery图片轮播插件 – 菜鸟版
• 乱翻乱教- jQuery 制作N级导航菜单 – 插件版

官方的资料很全，基本的实例都给你列出来了，开发文档也做得很详细，虽然代码让人看着有点菜~
我是win7 下装的 vs2008，然后下官方sdk，
注意：vs2008 c#部分可以不装，只需要装C++部分就可以，msdn我装了，不知道不装可以不。
一开始sdk 装不成功，论坛里说 在安装的时候，不安装 文档(document英文的选项不勾)，就可以成功安装。

然后就照着 文档 一步一步来就能调试成功，调试有两种：一种是模拟器(比较慢，要它启动，一开始以为漆黑一片没成功，过一会竟然是开机画面，orz)，另外一种就是真机调试，比较快，照着文档，下个同步驱动，编译后就可以调试。

然后就可以开始蛮长的享受的开发旅程。

您可能还对这些日志感兴趣

• 乱翻乱教 – M8开发环境(vs2008)配置 [菜鸟版]
• 整得连妈都不认识了 – M8 新固件9.6.X 试用体验
• M8 到手 内牛满面

前几天 看扒饭网 上更新了新的官方固件9.6.9 ，好奇之，就下了刷之，结果让人吐血。
感觉新的UI固件变化有点大，短时间内适应不了。

说说是官方固件，试用了1日，结果如下：

喷之：

• 新UI质感太强烈，不精致，个人设计修养问题吧，觉得M8 什么东西都感觉大大的，我喜欢精致点的东西，那种让你觉得“麻雀虽小，五脏俱全”的联想。
• 拖动解锁没有了，这个让我很崩溃，其实 我还是很喜欢原先那种解锁方式，有一种M8独有的用户体验，新的解锁方式，难免有些被其他系统(android)影响。这个让人很郁闷，久久不能平静，少了份乐趣。
• 感觉卡了许多，似乎是为了让过渡效果做得更华丽，做了模糊效果(类似M8官方QQ的打开效果)，但是，有的时候，cpu 满的时候这个过程让人很蛋疼，还有平滑桌面的时候有的时候会很神奇的卡得让你蛋非常疼(像是黑客帝国里的慢镜头=，=)
• 电话本功能很脑残，这么一改电话本分组木有了=。= ， 大不了重新整理一下，还可以发现许久没有联系的MM，但是发现木有批量改分组的功能，当时就雷在那里了，(也许我没找到) ，手机的4大功能，电话，短信，上网，电话本，是我评判一个手机好坏的关键，尤其是电话本功能，当你有个几百个朋友的电话本的时候，你就会很需要一个好的电话本功能的手机了。
• 短信界面仿IP ?  新的短信功能有点山寨，有点仿iphone，且不说 仿，丫，有点失去了M8 UI固件的设计风格，感觉很突兀。蛋很疼 =。=
• 拍照功能阉割 ，只剩个自动对焦，一开始以为会加个类似数字变焦的功能呢，结果啥也木有 0-0 ，杯具了··· ，而且有的时候还出现拍照失败，就是 拍出来是 乱码 – - ，百思不得其解
• 那条缝(修改桌面)，有些人说 挺好的，感觉很酷~~· ，我觉得很脑残，花那么大心思在修改桌面图标上了，(按住底栏的那条缝，弹开后，就可以修改桌面图标) 用句俗画是，谁没事了整天在调整桌面图标 0 0 ，监听这个功能一定很耗资源，还是喜欢，原先的按住图标几秒，进入修改模式，或者改成按桌面2秒 弹出个菜单也好的，何必整得那么花哨 =。=  不实用，(犯职业病了=，=)
• 划出来的任务管理器，改进过的任务管理器，总的来说 还是不错的，不过有点不太舒服的是，因为我经常是单手(大拇指)玩的，从上面划出任务管理器这个功能对我来说，有点画蛇添足，因为大拇指够不到 =，= ，杯具了。 双击任务M键可以弹出任务管理器，但不知道M键能捏几次，捏爆了就挂了 – - ，电话都接不了。
• 天气只支持cmnet ，还以为有个天气插件了呢，结果是cmnet才能用，我是cmwap无限 ，一阵冷风吹过。=，=

总的来说，改进是蛮多的，但是觉得，没有自己想象的那么好，于是乎，第二天又刷回9.3.X 了。

做为魅油的一份子，当然是支持 小M越来越强大了，偶尔喷喷，希望它能变得越来越好。

PS： 最近在猛啃 SDK，但愿自己也整个hello world 出来。哈。··

您可能还对这些日志感兴趣

• 乱翻乱教 – M8开发环境(vs2008)配置 [菜鸟版]
• 不走寻常路–Win7下vs2008搭建M8开发平台
• M8 到手 内牛满面

写毕睡觉 贴个地址

您可能还对这些日志感兴趣 - 随意

• 勇于枪毙自己的作品
• 伸缩自如 – 绝对定位的自适应能力
• Once there have a home
• iPhone GUI PSD Version 4
• 明年更坚挺 – D2 要来杭州

还有就是打开速度，也是为什么我一直都不想用Firefox 来上网的原因了。

您可能还对这些日志感兴趣 - 随意

• 乱翻乱教- jQuery 制作N级导航菜单
• 世界之窗皮肤：Janblus【 beta 1.1版】
• 一本JavaScript书 – 菜鸟专用
• 出水芙蓉的绿色 oh~ 美女?
• 飞鱼的乱翻乱教-编号001-水晶质感icon

有图有真相，如果感兴趣 也帮忙一起整 嘎嘎···

您可能还对这些日志感兴趣

• Google Chrome浏览器 真邪恶

优点如下：

• 1. 界面稀饭 – 这个不用多说Rokey的风格
• 2. 屏幕很华丽 – 看了一天的屏幕 睡前玩小p的时候发现都是一颗颗液晶粒
• 3. 速度还行 – 至少没有发现什么不流畅的感觉。当然我还没装N多软件。
• 4. 音质 – MEIZU 是吃这个起家的，应该是芯片用的好。
• 5. gprs 链接 快 – 感觉啊，可能之前一直用傻瓜机E1，所以感觉打开页面很快。
• 6. 字体 – 这个字体很舒服，可能是分辨率高的原因吧，平滑做得很好，(不过发现有些wap网站固定字体大小了，有锯齿)
• 7. 关灯键 – 我超级喜欢这个按钮，可以为你节省好多电，还有就是 打电话的时候脸碰到屏幕就关灯，也很人性化。之前一直有这样的想法

缺点如下：

• 1. 这个是碰到的第一个问题，usb充电的时候，有些软件开不了。- – 这个最怨念，不过觉得可以通过软件避免。
• 2. 拍照速度，估计在拍静物上有优势，我拍了10张差不多，都晃了，防抖系统不够稳定，觉得可以用重力传感器来弥补。期待~
• 3. 电话本功能， 现在我买手机最大的功能就是注重电话本了，觉得一些用户体验还不够。比如批量修改分组功能。
• 4. 滑动门 – 这个是个很炫的功能 做到了 滑动，并且碰到尽头还能弹一下，当内容多的时候 ok，但是没有做好一些尽头处的细节处理做得不够好，(只有一个项目的时候还能滑动，真不应该)，还有就是滑动判定太灵敏，(这个有利有弊) 有的时候想打开一个东西，老是变成滑动 – -
• 5. 任务管理器 – 这个东西还是第二天才发现，按M键2次，发出尖叫声= = ，当有2个以上软件的时候底部导航会显示， 不是说它不好，总觉得怪怪的 从设计上将似乎风格不太一样，反正很怪。
• 6. 裸体bug – 这个问题应该归结于软件开发者，程序员都这样，做出来的东西太可怕，把CE的默认界面显示出来，太丑陋，真不忍心 – -
• 7. 万恶的震动 – 竟然木有情景模式， 震动只有一种形式，9 9 ，好像有个软件有的，没试过 – -
• 8. 软件体系 – 处于成本的考虑吧，官方出的软件比较少，比如一些常用的功能，像我要求不高，可以上网，QQ，gsoft，map 就够了。

好了，就显摆那么多了，送张壁纸(480*720) – - 有点糊，但是很喜欢，我还有张 张柏芝的 很哈皮的 我都不敢用 – -
想要的留言我打包给你邮寄

您可能还对这些日志感兴趣

• 乱翻乱教 – M8开发环境(vs2008)配置 [菜鸟版]
• 不走寻常路–Win7下vs2008搭建M8开发平台
• 整得连妈都不认识了 – M8 新固件9.6.X 试用体验

很少在blog里谈论工作上的事情，基本上都是发些技术类的文章。

今天C2J团队架构整改，部门按产品线划分了，改动空前庞大，咱们UED，也被分开了。县(产品线：线)长不再是 李sun，位置也变了，内牛满面，这大概就是阿里六脉中的拥抱变化吧。

上面的图是上个月一次半夜发布的时候，跟同事 在聊 c2j(阿里巴巴 日文站) 的未来的时候，突然灵感一发，通宵做的一个c2j的首页。

经过一个星期的修修补补，整出了一个demo版首页。然后给运营团队发了群邮件，激发了一浪大改动的风波。

=============以下引用一下当时邮件的一些内容=============

首先从个人观点来看当前C2J首页有以下不足之处。

从设计角度讲

作为交互设计师，个人感觉C2J 首页目前的显得太“简陋”，

1. 包含的信息太少。

2. 第一屏最有价值的信息是“自己看过产品”，

3. 类目模块占据了“第二屏”(淘宝和中文站都爱这么做)

4. 页面丰富度还欠佳，供应商推广，和产品推广，在第3屏以下，曝光量太低。

从网站运营角度讲

首页作为一个网站流量最高的页面，当前C2J首页 dump 给用户的信息太少，且导向性欠佳

从供应商角度讲

供应商希望自己的产品最大限度曝光，

==============================

作为现在的C2J， 我感觉是在创业一样，有太多新鲜的东西等待着我们去改进，这是一个很激动的事情。

好吧 – 拥抱变化就到此为止吧。

我有预感，接下来的半年将是辛苦的又快乐的，因为我们在创造，像神一样。

PS: 花花~ 39°C了，在此祝福一下，祝早日康复。^_^

您可能还对这些日志感兴趣

• 飞鱼在滨江 – 网商路699号