JavaScript на сервере, 1ms на трансформацию (Андрей Сумин)
Download as PPTX, PDF1 like825 views
Документ рассматривает использование JavaScript на сервере и его интеграцию с различными технологиями, включая XML и JSON. Он охватывает методы шаблонизации и обработки данных, а также производительность и время трансформации. Основное внимание уделяется инструменту fest и его возможностям для улучшения работы с данными на стороне сервера.
![Структура vs функция
[ {action:"template"},
"<html>...",
{action:"value"},
"json.value"]](https://image.slidesharecdn.com/javascript1ms-120403041337-phpapp01/85/JavaScript-1ms-22-320.jpg)
![Структура vs функция
[ {action:"template"},
"<html>....”,
{action:"if"},
"json.value",
"<span>true</span>",
"<span>false</span>"]](https://image.slidesharecdn.com/javascript1ms-120403041337-phpapp01/85/JavaScript-1ms-23-320.jpg)
![Структура vs функция
fest:forearch for(i = 0; i < l; i++) {}
fest:if if(value) {}
fest:choose if(value) {} else {}
fest:set set[name] = function
set[name] = function](https://image.slidesharecdn.com/javascript1ms-120403041337-phpapp01/85/JavaScript-1ms-28-320.jpg)
![Реальные пользователи
msg_length = 5
msg_1_title = "letter"
msg_1_Unread = 1
msg = [ {title: "letter", Unread: true} ]](https://image.slidesharecdn.com/javascript1ms-120403041337-phpapp01/85/JavaScript-1ms-43-320.jpg)
![fest:foreach
<fest:foreach iterate="list" index="i"></fest:foreach>
var i;
try{ foreach = list } catch(e) { foreach=[]; log(e) }
var l = list.length;
for(i = 0; i < l ; i++) { … }](https://image.slidesharecdn.com/javascript1ms-120403041337-phpapp01/85/JavaScript-1ms-76-320.jpg)
JavaScript на сервере, 1ms на трансформацию (Андрей Сумин)
- 1. JavaScript на сервере, 1ms на трансформацию Андрей Сумин, Mail.ru
- 2. Зачем?
- 3. Зачем? — Пишут одни, а используют другие
- 4. Зачем? — Пишут одни а используют другие — JavaScript специалисты
- 5. Зачем? — Пишут одни а используют другие — JavaScript специалисты — Шаблонизация на клиенте
- 6. Что нужно
- 7. XSLT JS
- 8. XSLT JS
- 9. XSLT /head.xml <title><fest:get name="title"/></title> <fest:set name="title">Mail.ru</fest:set>
- 10. XSLT /head.xml <title><fest:get name="title"/></title> <fest:set name="title">Mail.ru</fest:set> /mail.xml <fest:include src="head.xml"/> <fest:set name="title">Почта</fest:set>
- 11. JavaScript <fest:script> var text = "mail.ru" </fest:script> <fest:value>text</fest:value>
- 12. JavaScript <fest:script> var text = "mail.ru" </fest:script> <fest:value>text</fest:value> mail.ru
- 13. XML
- 14. XML — IDE
- 15. XML — IDE — Валидация из коробки
- 16. XML — IDE — Валидация из коробки — Name spaces
- 17. XML — IDE — Валидация из коробки — Name spaces — SAX, XSLT, XSD, DTD …
- 18. XML — IDE — Валидация из коробки — Name spaces — SAX, XSLT, XSD, DTD ... — XML to XML
- 19. Реализация
- 20. Ковбойство
- 21. Структура vs Функция
- 22. Структура vs функция [ {action:"template"}, "<html>...", {action:"value"}, "json.value"]
- 23. Структура vs функция [ {action:"template"}, "<html>....”, {action:"if"}, "json.value", "<span>true</span>", "<span>false</span>"]
- 24. Структура vs функция function template(json){ var html = ""; html += "<html>…"; html += json.value; return html; }
- 26. 200ms
- 27. 3ms
- 28. Структура vs функция fest:forearch for(i = 0; i < l; i++) {} fest:if if(value) {} fest:choose if(value) {} else {} fest:set set[name] = function set[name] = function
- 29. Структура vs функция <span> html += "<span>"; mail.ru html += "mail.ru"; </span> html += "</span>";
- 30. Структура vs функция <span> html += "<span>"; mail.ru html += "mail.ru"; </span> html += "</span>"; html += "<span>mail.ru</span>";
- 31. 30%
- 32. Безопасность
- 33. try catch
- 34. try catch escape
- 35. Безопасность <fest:value>json.name</fest:value> try { html += escape(json.name); } catch(e) { log(e.message); }
- 36. Интеграция
- 37. Интеграция —С — Perl — Python — NodeJS
- 38. Интеграция —С fest_log — Perl fest_file — Python fest_dirname — NodeJS
- 39. Интеграция —С fest_log — Perl fest_file — Python fest_dirname — NodeJS — Браузер
- 41. 4ms
- 42. Реальные пользователи msg_length = 5 msg_1_title = "letter" msg_1_Unread = 1
- 43. Реальные пользователи msg_length = 5 msg_1_title = "letter" msg_1_Unread = 1 msg = [ {title: "letter", Unread: true} ]
- 44. Реальные пользователи hash -> v8 api -> JavaScript hash -> string -> JSON.parse -> JavaScript hash -> string -> compile -> Javascript
- 45. Реальные пользователи Local<String> script = String::new( "template("{value:'mail.ru'}")" ); Local<Script> cs = Script::Compile( script ); Local<Value> result = cs->Run();
- 46. 2 + 4 = 6ms
- 47. 67%
- 48. NodeJS
- 49. NodeJS 4ms
- 50. Реальные пользователи msg_length = 5 msg_1_title = "letter" msg_1_Unread = 1
- 51. Реальные пользователи msg_length = 5 msg_1_title = "letter" msg_1_Unread = 1 get('msg_' + i + '_title')
- 52. 3ms
- 53. Реальные пользователи 30 часов одно ядро 2.2 ГГц Xeon 10 000 000+ хитов 1.6ms среднее время трансформации 992 422 10% между 2 и 5ms 208 464 2% между 5 и 10ms 396 49 0,4% больше 10ms
- 55. 50% x3
- 56. 65+100=165кб
- 57. RB lite v8 lite
- 58. Почти продакшен html += "foo"; html += rb(id); html += "bar";
- 59. Почти продакшен html += "foo"; push_string("foo"); html += rb(id); push_rb(id); html += "bar"; push_string("bar");
- 60. 50% x2
- 61. 440 000 000
- 62. 440 000 000 110 000 000
- 64. Данные на сегодня Размер HTML, который генерирует v8 65кб. Время, работы v8 на запрос 1ms. В среднем v8 требует 40MB на контекст.
- 65. Проблемы v8
- 68. Полезные ссылки — http://code.google.com/p/v8/ — https://github.com/mailru/fest — http://sysoev.ru/prog/v8.html Андрей Сумин, andrewsumin@corp.mail.ru
- 69. Возможности fest
- 70. fest:value <fest:value>json.name</fest:value> try { html += escape(json.name); } catch(e) { log(e.message); }
- 71. fest:value <fest:value output="text">json.name</fest:value> try { html += json.name; } catch(e) { log(e.message); }
- 73. fest:if <fest:if test="json.condition">…</fest:if> try{ condition = json.condition } catch(e) { log(e) } If (condition){ … }
- 74. fest:choose <fest:choose> <fest:when test="json.condition">…</fest:when> <fest:when test="false">…</fest:when> <fest:otherwise>…</fest:otherwise> </fest:choose>
- 75. fest:choose try{ condition = json.condition } catch(e) { log(e) } If (condition){…} else{ try{ condition = false } catch(e) { log(e) } if (condition){} else {} }
- 76. fest:foreach <fest:foreach iterate="list" index="i"></fest:foreach> var i; try{ foreach = list } catch(e) { foreach=[]; log(e) } var l = list.length; for(i = 0; i < l ; i++) { … }
- 77. fest:for <fest:for iterate="hash" index="i"></fest:for> var i; try{ for = hash } catch(e) { for={}; log(e) } for(i in for) { … }
- 79. fest:script <fest:script> … </fest:script> try{ … } catch (e) { log(e) }
- 80. fest:insert <script> <fest:insert src="script.js"/> </script> html += "<script>…</script>";