2013_JSDC_Day01.md

Markdown

• list
• docpad?

JS History & Public Cloud

JavaScript -> try to build another x-OS platform, by Netscape Mocha - LiveScript -> JavaScript

Flow Control

Async Method in JS

• Continuous-Passing Style
• deep function in function => flow control
• function depends on multiple calls => flow control

Flow Control

how about debuging?

async.js: use a handle to track status

promise pattern: promise.then( succ, fail )

• Ref: CommonJS Promise/A
• Ref: Q framework Stack overflow

function() {
	return [ f1().promise, f2().promise ];
}.then( function() {
	echo "async f1 & f2 is done~~";
});

ECMA-262 Edition 6: generator, cannot be called in async, need promise's help

網站效能調校

• 原來 debugger 有 profiling，每個瀏覽器都有
• jsperf
• youtube record

Ruby

• slide
• slide display

iCook 經驗談

• 介紹新功能
• 給業務和行銷改網頁內容

前端工程師的資安挑戰

• OWASP
• 要幫忙清 passwd cache in input
• 要用白名單，不要用黑名單，只接受能控制的
• CSRF
• Clickjacking
• ClickJacking Test
• one time token

做更快一點 工程師討生活工具介紹

• vim
  • search
• sublime text
  • column selection
  • multi selection
  • goto anything, include file, function ( path keyword like browser url parsing )
• LiveReload, auto reload when file changed
• 容易畫圖，skitch
• 配色，kuler

Usability & Performance

• 抓到斷線後，不只提醒，也要阻止user繼續點
• pjax
• Slide
• 不同tab之間可用web storage/cookie來作data sync
• pageVisibility, 讓程式知道現在tab 不在focus
• web sql database
• 根據解析度給不同圖片 sencha