"2010年7月26日 下午3点整"

这是一个对于我,对于我们招聘项目组来说都值得纪念的日子, 淘宝全新招聘项目终于上线了(http://job.taobao.com). 我为我们整个团队感到自豪.

关于这个项目有太多想要说的了......

逐浪堂时期:

1. 接手项目: 热血沸腾

    入职前接受公司技术培训的时候, 接手了这个项目, 当时是我主动提出要求担当PM的角色来负责这个项目, 当时拉了一帮子培训时候认识的兄弟姐妹们组建了这个项目团队,记得那个时候我们项目组是女生最多的,各种美女阿! 正是因为这个原因, 我们项目组也变成了人数最多的一个组了. 作为刚刚大学毕业的我来说,其实说真的,什么都没有, 只有满腔的热血和耗不尽的精力.

   清楚地记得当时拉了一群人和需求方去谈需求, 最后错过了吃饭时间;

   清楚地记得当时为了赶进度,通宵写了一份prd,还是一份被完全refused的prd;

   清楚地记得当时确认了一大堆需求,觉得我们什么都能做,甚至还想重写发布职位后台系统

   清楚地记得为了项目,我主动放弃了班级的毕业旅!

2. 开始项目: 快乐工作

   在需求还没很确认的时候, 咱们就迫不及待开始系统设计, UC设计,各种流程有模有样, 那段时间大家每天白天上课,下午和晚上写代码, 各种通宵,各种加班, 但是我们都很快乐! 那是真的很开心.

   清楚地记得在一个月的时间我们项目组天天写代码, 但是欢声笑语,鸣人,一辉,大姐大绝对是核心人物, ^_^

   清楚地记得我们开会为了一个问题大家喊破喉咙争论,只为最后确定一个众人认为比较完美的方案

   清楚地记得强哥因为配置文件少写一个字符,导致整个项目组被乱码纠结,然后被群殴

   清楚的记得岚依为了第二天能写tc而激动的睡不着觉

   清楚的记得大师兄为了写测试设计带病工作

   清楚的记得长弓为了调试乱码问题周末加班

   清楚的记得强哥路上抽烟突然想到页面立马回公司通知鸣人

3. 项目验收: 各种难过

  大家风里来雨里去,终于在deadline之前完成了所有功能. 大家前一天晚上都憧憬着上线后的各种美景, 各种YY. 结果得到的消息居然是: 界面不够炫酷, 不够年轻化! 就这一句话,直接把我们所有的YY,所有的努力都cancel掉了,当然作为项目负责人我有很大的责任, 当初就应该拿着设计稿和需求方去确认的,哎, 现在想想项目管理的确是一门很深的学问, 当初在学校的时候还很鄙视这门课呢!

  清楚地记得听到这个消息后,项目组迎来了有史以来最为沉默的一天

 清楚地记得听到这个消息后, 大家各种叹气,各种改状态

 清楚地记得听到这个消息后,大家出去各种喝酒,各种喝醉

 清楚地记得一辉和鸣人醉倒在走廊里, 细细探讨我们项目组存在的问题, 提出了we are the owner的观点(顶)

 最后,随着培训的结束, 大家大部分都回学校了, 我还是到了公司继续实习(那个时候我的毕业论文也写得差不多了,所以就没有回学校去)

续梦时期:

1. 改版: 再燃激情

    经过小腰姐的申请, 我再次负责起了招聘项目组的改版任务, 这次有了又加入了很牛逼的视觉,但是我们项目组开发人员却只剩下我和大风还有大师兄了, 其他都回学校准备论文去了,而且那个时候大家各自都还有公司的事情要完成, 但是不管怎么说,我都觉得我应该要把这件事情完成下去,将我们项目组的梦实现.

2.行动: 各种加班

   由于人实在太少了, 而且改动也比较大,基本上前端差不多重写了, 而那个时候前端除了我就是另外一个周杰同学, 所以避免不了我们各种加班......

    清楚地记得清羽给与我的鼓励和支持,委派了一个专门的前端来帮助我完成项目的前端代码编写

    清楚地记得为了赶进度,逼迫周杰写他完全不熟悉的jquery代码, 各种无奈

    清楚地记得每天网上拉着大风改后台代码

    清楚地记得让令申再短时间内去修改完成我们职位部分的后台代码

    清楚地记得和大风恶搞几天解决乱码问题

    清楚地记得大师兄利用休息时间测试我们的项目

    清楚地记得大姐大被我逼着去修改后台js代码,大姐大有点火了

    清楚地记得少帅在学校被我电话骚扰

    清楚地记得一辉在找房子的时候被我要求晚上回公司改代码

3. 项目部署: 安全悲剧

    终于项目经过了各种无奈和悲剧以及奋斗后终于到了要部署到服务器的时候,这里必须要顶下小腰联系的部署负责人: 山大. 一个级别很高,但是却很nice的人, 给我们的项目提供了非常多的帮助,而且非常的耐心.真的很赞! 但是无奈的是我们的项目必须通过安全测试才能才能进行部署,而那个时候我们因为不了解公司的规定,所以完全没有引入公司规定的安全包. 但是又是小腰,主动申请麻烦测试人员破例手动测试代码,这里就要非常感谢铁花和彩玉了,真的手动来测试我们的代码, 太辛苦了. 于是我和大风还有少帅就是各种悲剧,加班解决所有安全问题, 最后如愿部署到了服务器.

4. 上线: 内牛满面

   终于在今天的下午3点上线了,各种内牛满面阿. 在负责这个项目的将近2个月的过程中,我体会到了很多很多很多很多.  无法表达了,反正这一刻我浑身舒爽, 感谢小腰姐,你太赞了. 各种support. 感谢所有关心和帮助过我们项目的人, 感谢我们项目组所有的成员. WE ARE SO PROUD OF OURSELVES!!!

真的, 我体会到了最深刻的一句话就是:

"人一定要有梦想, 而一旦有了梦想, 你就会觉得自己浑身充满了力量!"

可能大家不熟悉rhodes, 但是如果你是ruby 爱好者同时又是手机应用开发的爱好者,那对这个肯定很熟悉了. 它是一个开源的框架,可以让你用ruby+html就能开发出原生的手机应用(注意:不是web应用噢,^_^),并且它支持几乎所有的主流系统,包括iphone , android , symbian , blackberry ,  windows mobile. 想要了解具体情况的可以访问rhodes的官方网站: http://rhomobile.com/products/rhodes/.

利用rhodes,你就可以像写J2ME一样,并且同时具备你用java写android程序, 以及用oc写iphone一样可以调用更加系统级别的接口的能力.最最关键的是你用ruby写,哈哈, 听起来是不是很酷阿. 那就赶紧动手吧!!!(以下以android为例)

1. 搭建环境前的系统要求

     JDK+ruby+rubygem,这些是必须的条件, JDK,mac自带的,ruby mac也自带了MacRuby,但是个人建议自己还是去装一个(1.8.6噢 or 1.8.7),rubygem就不用我说了吧.

2. 安装Android SDK Starter Package 和 android SDK以及NDK

     去android的开发站点去下载这个starter包, 不过不幸的是这个站点已经被GFW干了,那么就可以访问这个来获取:http://androidappdocs.appspot.com/sdk/index.html.

      将它解压到任意你喜欢的目录,这里以<SDK>来代表,

      然后打开~/.bash_profile,输入如下语句: export PATH=<SDK>/tools:$PATH (目的是将SDK的路径加入到PATH中)

      随后打开terminal, 输入android, 就会出现如下界面了:     

         然后进入settings,勾选那个force https........, 再进入Available Package选择要安装的SDK版本和google api.然后就开始安装了.

         接着打开~/.bash_profile, 输入: export ANDROID_HOME=<SDK>

        继续下载NDK,将它解压到任意你喜欢的目录, 下载请访问:http://androidappdocs.appspot.com/sdk/ndk/index.html

3. 安装rhodes和构建第一个app

        利用sudo gem install rhodes来安装最新版本的rhodes.

         完成之后在terminal中运行: rhodes-setup, 它自动寻找一些必须程序的路径,如果你觉得不对就手动输入.

        接着在终端输入: rhogen app zhaojing(app名字) 来生成rhodes app, 完了之后输入 rake run:android, 经过一段漫长的编译和打包过程(因为是第一次),就可以出现如下界面了,哈哈,大功告成!

英文原文地址：http://diveintohtml5.org/detect.html#microdata

Microdata 是为你的web页面提供额外的语义的一种标准的方式。举个例子：你可以使用microdata来指明一张图片在某种特定的许可证下可以使用的。你可以用microdata来标记一个“关于我”的页面。浏览器，浏览器扩展程序以及搜索引擎能把你的microdata标记转化成一个vCard（一种用于共享联系人信息的标准格式）。你同时也可以定义属于你自己的microdata词汇。

HTML5 microdata的标准包含了HTML标记（主要用于搜索引擎）和一系列的DOM方法（主要用于浏览器）。在你的页面中使用microdata标记是无害的，因为那顶多就是一些属性罢了，并且如果搜索引擎无法识别这些microdata属性就会忽略掉。但是如果你想要通过DOM来操作这些microdata，那你得确保你的浏览器支持microdata DOM API。

function supports_microdata_api(){
  return !!document.getItems;
}

欢迎大家加入淘宝, 请投递简历到：chengjing@taobao.com.

工作地点：杭州

以下是面对校园的应届生和实习生招聘要求

面向专业：

计算机、电子、软件工程等，本科及以上学历。

你将负责：

1、与交互设计师及视觉设计师协作，根据模型完成Web页面制作；

2、配合后端开发人员实现产品交互界面；

3、维护及优化网站前端性能。

你需要具备：

1、热爱互联网，对Web开发充满激情；注册并了解各种最新最有趣的Web服务；

2、喜欢手写HTML/CSS/JavaScript|ActionScript 代码，关注Web标准；

3、理解Ajax 及 RIA，并有实战经验；熟练使用PhotoShop等图像处理软件；

4、熟练使用 Firefox+Firebug 调试Web页面，或熟练使用Flex/Flash；

5、有使用服务器端脚本开发语言开发Web应用的经验。  

以下是面对社会的招聘

精通各种Web前端技术，包括XHTML/XML/CSS/Javascript/ActionScript等（JS和AS之一即可）； 

1.深刻理解Web标准，对可用性、可访问性等相关知识有实际的了解和实践经验； 

2.有基于Ajax或Flash的RIA应用开发经验； 

3.至少精通一门非Web前端脚本的语言（如Java/PHP/C++），并有项目经验； 

4.个性乐观开朗，逻辑性强，善于和各种背景的人合作； 

5.计算机、数学、自动化等相关专业本科以上学历优先。

JAVA开发工程师

面向专业：
计算机、软件工程、电子通信等，本科及以上学历。
你将负责：
1、 淘宝网日均上亿访问量的平台架构和业务项目开发和维护；
2、 淘宝网各开发项目（包括开放平台、数据平台、运营支撑、无线开发等）的设计、制定和review各种技术规范。

你需要具备：
1、学习能力强，成绩优秀，适应能力好；有潜力，有激情，自我要求高；

2、熟悉面向对象分析和设计技术；熟悉Java编程语言，熟悉Java EE相关技术和框架：有Web及前端技术开发经验优先考虑：
3、在校期间有参与或在以下国际或全国大学生科技竞赛中获奖的优先考虑：大学生数学建模竞赛；挑战杯”全国大学生科技竞赛；ACM/ICPC国际大学生程序设计竞赛；机器人足球比赛；
4、在校期间有作为骨干参与校内学生网站建设和有相关开发经验的优先考虑。

英文原文地址：http://diveintohtml5.org/detect.html#input-autofocus

Form Autofocus (表单自动聚焦)

很多网站使用Javascript让web表单的第一个输入框自动获得焦点，举个例子：Google.com的首页会让搜索框自动获取焦点以便于你输入搜索关键字。这对于大多数的人来说的确很方便，但是对于那些有特殊需求的用户来说却未必如此。比如你按下空格键是想滚动页面，但是因为焦点已经被聚到了表单中的输入框，因此页面并不会如你所愿的滚动（而是会在输入框中输入了空格）；再比如你在页面还在加载的时候把焦点聚焦到了其他的输入框，而正当你想要在这个地方进行输入操作的时候，脚本却将焦点自动对焦到了设定要自动对焦的输入框中，这个时候你输入的文字就不会出现在你预想的输入框中。

为了解决这样的问题，HTML5在所有的web表单控件上引入了一个autofocus的属性。顾名思义，这个属性的意思就是会将焦点自动聚集到特定的input元素上。因为这种实现方式是通过标记的方式而不是javascript的方式因此对于所有网站都有效。浏览器的提供商也可以提供用户一个禁用该功能的方法。

要检测浏览器是否支持自动聚焦可以使用之前介绍的检测方法中的第二种。如果你的浏览器支持该功能的话，用来检测创建的input元素会有一个autofocus的属性(即使你没有显示的设置该属性)，反之，该input元素就不会有属性。

function supports_input_autofocus(){
  var i  = document.createElement('input');
  return 'autofocus' in i;
}

如果你不想自己亲手去写这个检测方法的话，你可以使用Modernizr(1.1或者更近版本)来检测你的浏览器是否支持form表单元素的自动聚焦

if(Modernizr.input.autofocus){  
  //autofocus works!
}else{ 
  // no autofocus support
  // fall back to a scripted solution
}

英文原文地址：http://diveintohtml5.org/detect.html#input-placeholder

Placeholder  Text(占位符)

要检测浏览器是否支持占位符可以使用之前介绍的检测方法中的第二种。如果你的浏览器支持的话，创建的input元素会有一个placeholder的属性（即使你没有显式的设置该input的placeholder属性），反之，该input元素就不会有此属性。

function supports_input_placeholder(){
  var i = document.createElement('input');
  return 'placeholder' in i;
}

if(Modernizr.input.placeholder){
  // your placeholder text should already be visible!
} else { 
  // no placeholder support
  // fall back to a scripted solution
}

英文原文地址：http://diveintohtml5.org/detect.html#input-types

Input Types

1. <input type="search"> 用作搜索框
2. <input type="number"> 用作数字输入框
3. <input type="range"> 用作滑动条
4. <input type="color">  用作颜色拾取器
5. <input type="tel"> 用来输入电话号码
6. <input type="url"> 用来输入web地址
7. <input type="email"> 用来输入email地址
8. <input type="date"> 用作日期选择器
9. <input type="month"> 用来输入月份
10. <input type="week"> 用来输入星期
11. <input type="time"> 用来输入时间‘
12. <input type="datetime"> 用来输入更精确的时间
13. <input type="datetime-local"> 用来输入当地时间

（译者：对于上面这些input元素的作用目前还没有深入研究过，只是通过字面翻译，因此会存在不准确的地方，在第二轮完善翻译的时候会修正）

要检测HTML5这些新类型的input元素可以使用之前介绍过的检测技术中的第四种。这里这种检测方式的工作原理：首先，它会创建一个对于页面来说没有意义的input的元素在内存中。所有input元素的类型默认都是“text”，这是非常重要的。

var i = document.createElement("input“);

i.setAttribute("type","color");

return i.type !== "text";

如果你不想自己亲手去写这13个不同的检测方法的话，你可以使用Modernizr来检测你的浏览器是否支持这些HTML5增加的新的类型的input元素。Modernizr重复使用一个input元素就能有效的检测所有这13种input的类型, 然后它构建一个叫Modernizr.inputtypes的散列，这个散列包含了13个键值对，键表示类型，值是布尔值(true表示支持该类型，反之是false)。

if(!Modernizr.inputtypes.date){
  // no native support for <input type="date">
  // maybe build one yourself with Dojo 或者 jQueryUI
}

Geolocation特性能够识别出你在地理位置并且如果你愿意的话，你可以把你的位置信息分享给别人。识别你地理位置的方法有很多——可以通过你的ip地址，利用信号塔获取你手机无线的连入位置，或者通过能够利用卫星定位获得经度纬度的GPS设备。

  问：geolocation是HTML5的一部分吗？为什么你要这里介绍这个？

function supports_geolocation(){
    return !!navigator.geolocation;
}

if(Modernizr.geolocation){
    //let's find out where you are!
} else {
    // no native geolocation support available
    // maybe try Gears or another third-party solution
}