1. hujs 总结
淘宝观光团

2. hujs

3. 主题
• javascript
• nodejs
• cloud service
• win8

4. • javascript

5. • knockout.js

6. knockout.js

7. knockout.js

9. knockout.js

10. knockout.js
• MVVM
• view model
• data and behavior
• view
• DOM binding
• DOM as template
• just change view model to sync with
view

11. knockout.js
• my option
• DOM oriented
• hard to work with javascript newed
component (KISSY)
• behavior and view are not separated

12. • ECMAScript 5

13. Object
• Object.create
• Object.defineProperty
• Object.getPrototype
• Object.keys
• Object.getOwnPropertyDescriptor
• Object.getOwnPropertyName
• Object.seal/preventExtension/freeze ...

14. Array
• every
• some
• map
• filter
• forEach
• reduce
• indexOf ...

15. JSON
• stringify(value,[ [replacer],space])
• parser(text,[reviver])
• subset of javascript
• double quote
• not support x t n

16. ‘use strict’;
• 禁止不声明的变量
• 禁止 with
• 全局 eval
• arguments 不同步参数
• 禁止 caller callee
• 禁止对象重复属性名

17. • wind.js 调试

18. wind.js
$wait(readFile);
alert('read complete');
compile
readFile(function(){
alert(‘read complete’);
});

19. souce map
• Generated by closure compiler. Intro
• native support in chrome
• 调试压缩/翻译代码
• used at KISSY XTemplate
//@ sourceMappingURL=/path/to/file.js.map
or
X-SourceMap: /path/to/file.js.map

20. KISSY XTemplate
var tpl = 'this is {{title}}!';
var data = {
title: 'o'
};
var render = new XTemplate(tpl, {
name: 'tpl-variable'
}).render(data);

21. • Modularization( Seajs, KISSY Loader )

22. • Modularization
• 可维护性
• 性能
• 组件（模块）共享
• 调试

23. • Promise/A (Q, KISSY)

24. Promise
• cleaner method signature
• nested call changed to chained call
io.get("url1").then(function(){
return io.get("url2")
io.get("url1",function(){
io.get('url2',function(){
}).then(function(){
io.get('url3',function(){
});
return io.get("url3");
});
})
}).then(function(data3){
});

25. Promise
• easy combination
• easy parallel
S.Promise.all(
io.get('url1'),
io.get('url2'),
function( data1, data2 ){
});

26. Promise
• exception-bullet
io.get('url').then(function(){
throw "2";
}).fail(function(w){
alert(w);
});

27. Promise
• error bubble
io.get("url1").then(function(){
return io.get("url2")
}).then(function(){
return io.get("url3");
}).then(function(data3){
},function(err){
alert(error);
});

28. Promise
• error recovery
io.get("url1").then(function () {
return io.get("url2");
}, function (e) {
// error recovery
S.log(e);
return io.get("url2");
}).then(function (data2) {
});

29. • nodejs

30. • nodejs proxy for mysql

31. 优势
• 对比 c/c++
• 简化实现非阻塞异步功能
• 性能差别不大
• 编程复杂度低

32. 常用模块
• async
• 方便异步操作
• log4js
• 日志
• node-webkit-agent
• 使用 chrome dev tools 监控服务器端

33. • nodejs for webim（长连接）

34. 优势
• 快速原型
• 学习成本低
• 出众的性能
• 团队入门快

35. 多进程架构

36. nodejs 优化
• 子进程往父进程发送心跳保证稳定
• c++ 扩展提高性能
• cpu 绑定进程

37. • nodejs for backend game engine

38. game vs web
• area based vs load balance
• state vs stateless
• broadcast (area) vs request / response
• tick vs request

41. • nodejs @ taobao

43. 调优
• console.time / timeEnd
• benchmark.js 性能测量
• top / iotop @linux
• node-webkit-agent
• v8profile
• nodejs gc log -> jvm gc log

44. • cloud service

45. cloud
• appfog
• azure
• npm install azure
• git commit
• git push azure master

46. • win8

49. thanks