PyJS is a CommonJS Based Javascript Framework runs on Browser

1. PyJs
demixcn@gmail.com
Monday, September 19, 11

2. A CommonJS Based
Javascript Framework
runs on Browser
https://github.com/demix/pyjs
Monday, September 19, 11

3. CommonJS
Monday, September 19, 11

4. Math.js
increment.js
program.js(main)
Monday, September 19, 11

5. Benifits
Monday, September 19, 11

6. One code , runs everywhere
No need to study and follow an ugly module
pattern
Automatic namespace
Monday, September 19, 11

7. Browser
Server
Desktop
Command line tools
...
Monday, September 19, 11

8. One code , runs everywhere
No need to study and follow an ugly module
pattern
Automatic namespace
Monday, September 19, 11

9. Traditional Module Pattern
CommonJS Module
Monday, September 19, 11

10. One code , runs everywhere
No need to study and follow an ugly module
pattern
Automatic namespace
Monday, September 19, 11

11. Monday, September 19, 11

12. Examples
Server side Example:
NodeJS
Browser side Example:
Firefox jetpack
project
Monday, September 19, 11

13. Problem
Monday, September 19, 11

14. Run directly after ‘require’.
No Callback.
Monday, September 19, 11

15. Means in Browser, we can only use
“Synchronous”
request to get the script file.
Monday, September 19, 11

16. What’s the fxxk...
Monday, September 19, 11

17. SeaJS
Monday, September 19, 11

18. Monday, September 19, 11

19. How it works
User pre-defined template wrapper.
Prefetch Js file which has been required.
Monday, September 19, 11

20. Problems
Still ugly template.
Still can’t download all files in parallel
Monday, September 19, 11

21. PyJS
Monday, September 19, 11

22. Grammar
Monday, September 19, 11

23. 99% same as CommonJS API
No ugly user pre-defined template wrapper
Monday, September 19, 11

24. what about the file
loading problem?
You haven’t
mentioned it ..
Monday, September 19, 11

25. There is two loading rules in PyJS.
One in local debugging,
the other in online building.
All need Python environment.
Monday, September 19, 11

26. Local debugging
python pyjs.py runserver
Fetch the JS file in synchronous XHR request.
Server will parse the module file automaticly
Monday, September 19, 11

27. Server parse
Monday, September 19, 11

28. Online building
python pyjs.py
Automaticly generate a ‘boot.js’ file, find all the
dependences in modules and add the
information to the end of boot.js file.
Monday, September 19, 11

29. Then , if we had a combo service like:
Monday, September 19, 11

30. We can download the
file just in one
request!
Monday, September 19, 11

31. Finally , because of the require function used on
page has a callback, it can runs after all the files
is received and finish excuting.
Monday, September 19, 11

32. That’s all.
Monday, September 19, 11

33. More..
Monday, September 19, 11

34. Because we use
python...
Local transmission
Local plugins
Deal with CSS files.
...
Monday, September 19, 11

35. demix
Front-end engineer @ Baidu co.
email: demixcn@gmail.com
weibo/twitter: @demix
Homepage: http://demix.github.com/
blog: http://www.cnblogs.com/demix
Monday, September 19, 11

36. Thank You.
Monday, September 19, 11