Download as PDF, PPTX
Uploaded byDexter Yang
通用JS时代的模块机制和编译工具
This document discusses CommonJS and JavaScript modules. It describes how CommonJS aims to standardize module definitions for JavaScript using require and exports. It also covers other module approaches like ES5 Simple Modules, RequireJS, and OzJS. OzJS is a lightweight module loader that works with the TUICompiler, which is a Python-based compiler for preprocessing and compiling modules.
More Related Content
![Linux 系列分享[1] 概览](https://cdn.slidesharecdn.com/ss_thumbnails/linux1-120628234711-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
通用JS时代的模块机制和编译工具
- 1. CommonJS Dexter.Yy @ Sunday, December 19, 2010
- 2.
- 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.
- 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.
- 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.
- 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.
- 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, December19, 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, December19, 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, December19, 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 easierto share code, and people will share more. -- Dave Herman, “JavaScript needs modules” Sunday, December 19, 2010
- 67.
- 68.
- 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.
- 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