PyJS intro

PyJS is a CommonJS Based Javascript Framework runs on Browser

1. PyJs [email protected] 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. Server side Example:
NodeJS
Browser side Example:
Firefox jetpack
projectExamples
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. User pre-defined template wrapper.
Prefetch Js file which has been required.How it works
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. python pyjs.py runserver
Fetch the JS file in synchronous XHR request.
Server will parse the module file automaticlyLocal debugging
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: [email protected]
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