平台开发须知

971 views

Published on

前端工程师做app时需要知道的一些知识

Published in: Self Improvement
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
971
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
20
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide






































  • 平台开发须知

    1. 1. linux, vim, jinja2, nieml, niejs, svn, etc...
    2. 2. AGENDA • linux • vim • (jinja2) • • app/ html js • svn
    3. 3. Linux
    4. 4. LINUX • ls (list) ls project • cd xx (change directory) cd project • mv (move) mv a.txt c.txt • cp (copy) cp a.txt b.txt • vim vim a.txt windows
    5. 5. AGENDA • linux • vim • (jinja2) • • app/ html js • svn
    6. 6. VIM --- dreamweaver ...
    7. 7. VIM 1 • • (esc i,o,a ) • c/v y(yank) p(paste) • ^ $ • H,J,K,L • /,n,N • :s/xxx/aaa :s/xxx/aaa/g :%s/xxx/aaa • undo u redo ctrl+r • till t • gg G ctrl + f ctrl + b
    8. 8. AGENDA • linux • vim • (jinja2) • • app/ html js • svn
    9. 9. JINJA2 http://jinja.pocoo.org/2/documentation/templates
    10. 10. JINJA2 - • {% • {% for %} - {% endfor %} • navigation • {{ • {#
    11. 11. JINJA2 - -1 • {%extend “base.html” %} home.html base.html message.html
    12. 12. JINJA2 - -2 • {{ super() }} block base.html derived.html
    13. 13. JINJA2 - -3 • include sample sample2
    14. 14. JINJA2 - -4 • macro html after render
    15. 15. JINJA2 - -5 • import a macro macros.html sample.html
    16. 16. JINJA2 - • • {% for a in aList %} {{ a }} {% endfor %} • {% if a %} {{ a }} {% endif %} • filters • escape : {{ diary_content | escape }} or {{ diary_content | e }} • more filters: http://jinja.pocoo.org/2/documentation/templates#builtin- filters
    17. 17. AGENDA • linux • vim • (jinja2) • • app/ html js • svn
    18. 18. - base.html user.html group_base.html home.html diary_base group page .html template files photo_base .html etc ...
    19. 19. AGENDA • linux • vim • (jinja2) • • app/ html js • svn
    20. 20. APP/ -1 html app html
    21. 21. APP/ -2 app sandbox 1 app html 2 app 4 request 3 get app content 1 request 5 2 app
    22. 22. APP/ -3 app sandbox • app html utf-8 • app html html id css • app html script html • app js dom dom nieJS
    23. 23. APP/ -4 html http://123.125.48.32:8899/NIEML
    24. 24. APP/ -5 app html css • app html id id test tag id app12_test 12 appid • link css app css <nie:css > <nie:css src=”xx.css”/> • app css css app #app_content_[appid] app id app_content_[appid] div
    25. 25. APP/ -6 app html css • html tag • css expression • html tag css
    26. 26. APP/ -7 nieJS • js <nie:script> • nieJS • nieJS js document.getElementById(id) • value var a = obj.value; / obj.value = “aaa” nieJS var a = obj.getValue(); / obj.setValue(“aaa”) • document.cookie • http://123.125.48.32:8899/NIEJS
    27. 27. APP/ -7 app js • nieJS • nieJS js nieJS
    28. 28. AGENDA • linux • vim • (jinja2) • • app/ html js • svn
    29. 29. SVN
    30. 30. SVN -1 • svn co <addr> checkout • svn up • svn st • svn add <file> • svn del <file> • svn mv src_file desc_file • svn diff • svn ci <file> /
    31. 31. SVN -2 svn st • A added • C conflict • D deleted • M modified • R replace • not under version control • under version control but missing • ~ The file, directory, or symbolic link item is in the repository as one kind of object, but what's actually in your working copy is some other kind
    32. 32. SVN -3 svn up • U The files marked with U contained no local changes but were Updated with changes from the repository. • G The G stands for merGed, which means that the file had local changes to begin with, but the changes coming from the repository didn't overlap with the local changes. • C Confict • U G C up C ~~
    33. 33. SVN -4 C conflict ... • C a.html • vim >>> === • • • svn resolved a.html svn • svn st a.html c
    34. 34. SVN -5 • svn co checkout • • svn st svn add • svn up conflict • svn st c conflict • svn diff > t.diff t.diff vim t.diff • svn ci log log
    35. 35. SVN -6 vim t.diff
    36. 36. AGENDA • linux • vim • (jinja2) • • app/ html js • svn
    37. 37. Q&A - END -

    ×