2010年D2前端开发论坛上的分享

1. CommonJS
Dexter.Yy @
Sunday, December 19, 2010

2. ……
Sunday, December 19, 2010

3. ……
CommonJS
Sunday, December 19, 2010

4. ……
CommonJS
Sunday, December 19, 2010

5. ……
CommonJS
Sunday, December 19, 2010

6. team ……
……
Sunday, December 19, 2010

7. •
•
—— UI
Sunday, December 19, 2010

8. Sunday, December 19, 2010

9. •
•
—— UI
• jQuery YUI MooTools ——
• /
•
•
Sunday, December 19, 2010

10. • ——
/ /
……
Sunday, December 19, 2010

11. • ——
/ /
……
• “ ”
•
•
•
Sunday, December 19, 2010

12. •
——
• TTI
——
Sunday, December 19, 2010

13. •
——
• TTI
——
•
hack ……
•
vs
——
• …… ……
Sunday, December 19, 2010

14. •
•
•
Sunday, December 19, 2010

15. …… ……
module
+
autobuild / preprocessor / compiler
Sunday, December 19, 2010

16. CommonJS
Sunday, December 19, 2010

17. “ JS”
CommonJS
……
Sunday, December 19, 2010

18. CommonJS
• API
•
• de facto <> de jure
•
JS
• JS ecosystem
Sunday, December 19, 2010

19. JS
• JS API
•
• Python PyPI (egg) + setuptools
• Ruby Gem
• Perl CPAN
Sunday, December 19, 2010

20. Python
module
Sunday, December 19, 2010

21. • Kevin Dangoor 09 CommonJS
• What Server Side JavaScript needs
• 09 Mozilla web
• 08 10 Mozilla Ajaxian Dion
Almaer Ben Galbraith
Skywriter/Bespin Kevin Dangoor lead
• SitePen TurboGears Paver
Sunday, December 19, 2010

22. CommonJS
• JS /
API
• module
• JS
CommonJS
—— module
Sunday, December 19, 2010

23. “ JS”
• “ ” JavaScript
UI
• JavaScript
“ ”
module
Sunday, December 19, 2010

24. JS“ ”
Sunday, December 19, 2010

25. JS
• Firefox Add-on SDK Jetpack
• 1.0beta1
• Firefox XUL
XPCOM JS
• CommonJS module
JS API
Sunday, December 19, 2010

26. DEMO Bebilith
Sunday, December 19, 2010

27. DEMO: Safari
• Chrome
• API module
• Chrome Firebug
• “ ” hack
Apple
……
Sunday, December 19, 2010

28. / GUI JS
• Nokia QT Quick
• MeeGo Symbian App
• QT C++
• QML JavaScript
JavaScript
Sunday, December 19, 2010

29. / GUI JS
• WebOS 2.0
• nodejs
Sunday, December 19, 2010

30. / GUI JS
• OneRing
• “
HTML5+CSS3 Javascript
web
”
• Issue 25 CommonJS API……
Sunday, December 19, 2010

31. JSConf.eu
JsConf 2009 DC JsConf 2009 Berlin
JsConf 2010 DC JsConf 2010 Berlin JsConf 2011 DC
Sunday, December 19, 2010

32. 10% embedded
• js
• Arduino
•
• arduinojs: Arduino will run JavaScript one day
• Geek
Sunday, December 19, 2010

33. Sunday, December 19, 2010

34. JS
• Ryan Dahl 09 11 JSConf
NodeJS
• Aptana Jaxer JS
NodeJS
• server
• v8 erlang
• CommonJS
Sunday, December 19, 2010

35. NodeJS module
• github 550+
• web
……
Sunday, December 19, 2010

36. JS
• module
•
•
Sunday, December 19, 2010

37. Module
Sunday, December 19, 2010

38. module
main.py
moduleB.py
moduleA.py
Sunday, December 19, 2010

39. module
JS
• module
•
•
•
•
•
•
Sunday, December 19, 2010

40. module
JS
• JS module
module
•
•
•
• JS
•
• JS
Sunday, December 19, 2010

41. JS
script tag HTML ……
script combo ……
Sunday, December 19, 2010

42. •
•
•
Sunday, December 19, 2010

43. Script loader
Mo
du
le
loa
de
r
Sunday, December 19, 2010

44. script loader
• LABjs
•
•
Sunday, December 19, 2010

45. script loader
HeadJS
“ ”
……
Sunday, December 19, 2010

46. script loader
API TUI.module.use script loader
……
Sunday, December 19, 2010

47. Module Pattern
Sunday, December 19, 2010

48. Dave Herman:
JavaScript needs modules!
Q ……
A Dave Herman Mozilla ECMA TC39
ECMAScript5 Simple Modules
Sunday, December 19, 2010

49. ES5 Simple Modules
• http://wiki.ecmascript.org/doku.php?
id=strawman:simple_modules
• http://www.ccs.neu.edu/home/
dherman/talks/javascript-needs-modules.pdf
• Narcissus
Sunday, December 19, 2010

50. ES5 Simple Modules
<script type=”text/es-harmony”>
moduleA.js
Sunday, December 19, 2010

51. ES5 Simple Modules
• CommonJS Simple
Modules and Current Modules
• Kris Zyp Sitepen Dojo
Alex Russell Dojo Brendan Eich JS
• Simple Modules “ ” strawman
proposal
Sunday, December 19, 2010

52. ES5 Simple Modules
•
•
• web
•
•
Sunday, December 19, 2010

53. CommonJS module
Sunday, December 19, 2010

54. Bebilith
require exports
Sunday, December 19, 2010

55. CommonJS Module
main.js
moduleA.js
moduleB.js
Sunday, December 19, 2010

56. CommonJS module
Sunday, December 19, 2010

57. CommonJS module
oz.js
CommonJS
API
……
Sunday, December 19, 2010

58. CommonJS module
……
API
CommonJS
……
Sunday, December 19, 2010

59. RequireJS
• James Burke dojo Mozilla
—— CommonJS
• script loader
• require
• define
CommonJS “AMD” Asynchronous
Modules Definition
Sunday, December 19, 2010

60. Asynchronous Modules
moduleA.js
main.js
Sunday, December 19, 2010

61. Asynchronous Modules
JSONP
Sunday, December 19, 2010

62. Asynchronous Modules
•
•
•
• Module Pattern
• exports require module
module
• module
Sunday, December 19, 2010

63. OzJS
• require.js 5.3K
• oz.js 1.5K
•
MRL
• OzJS .def
URI
Sunday, December 19, 2010

64. OzJS def
URI
URI
Sunday, December 19, 2010

65. OzJS
• def
•
•
•
•
•
•
Sunday, December 19, 2010

66. Make it easier to share code,
and people will share more.
-- Dave Herman, “JavaScript needs modules”
Sunday, December 19, 2010

67. Sunday, December 19, 2010

68. Sunday, December 19, 2010

69. OzJS
RequireJS
Sunday, December 19, 2010

70. OzJS
RequireJS
TUICompiler
Sunday, December 19, 2010

71. OzJS + TUICompiler
OzJS TUICompiler
Module Loader
+
Moduler Loader
Sunday, December 19, 2010

72. “ ”
• Python
• https://github.com/dexteryy/TUICompiler
• WSGI
• compiler
preprocessor
•
Sunday, December 19, 2010

73. Vim :make
Q vim windows
A …… …… ……
Sunday, December 19, 2010

74. TUICompiler
wxpython GUI
JIRA
……
Sunday, December 19, 2010

75. TUICompiler
mylyn
Sunday, December 19, 2010

76. TUICompiler
Sunday, December 19, 2010

77. TUICompiler
TUICompiler
Sunday, December 19, 2010

78. TUICompiler
Fiddler
/
Sunday, December 19, 2010

79. TUICompiler
Fiddler
/
Sunday, December 19, 2010

80. ……
• Twitter: http://twitter.com/dexteryy
• Google buzz http://www.google.com/profiles/dexter.yy
• Blog http://www.limboy.com
• OzJS https://github.com/dexteryy/OzJS
• TUICompiler https://github.com/dexteryy/TUICompiler
Sunday, December 19, 2010