Your SlideShare is downloading. ×
0
linux, vim, jinja2, nieml, niejs, svn, etc...
AGENDA
•   linux

•   vim

•           (jinja2)

•


•   app/               html js

•   svn
Linux
LINUX
• ls                      (list)        ls project

• cd    xx     (change directory)          cd project

• mv     ...
AGENDA
•   linux

•   vim

•           (jinja2)

•


•   app/               html js

•   svn
VIM
---         dreamweaver   ...
VIM                                        1
•


•                                            (esc            i,o,a       ...
AGENDA
•   linux

•   vim

•           (jinja2)

•


•   app/               html js

•   svn
JINJA2
http://jinja.pocoo.org/2/documentation/templates
JINJA2 -
•               {%

    •   {% for %} - {% endfor %}

    •   navigation

•          {{

•          {#
JINJA2 -                 -1
•      {%extend “base.html” %}




                                 home.html




    base.htm...
JINJA2 -                -2
• {{   super() }}   block




                             base.html




                      ...
JINJA2 -             -3

•    include




    sample
                    sample2
JINJA2 -      -4
•   macro      html




    after render
JINJA2 -        -5
• import   a macro



                       macros.html



                       sample.html
JINJA2 -
•


    •   {% for a in aList %} {{ a }} {% endfor %}

    •   {% if a %} {{ a }} {% endif %}

•   filters

    • ...
AGENDA
•   linux

•   vim

•           (jinja2)

•


•   app/               html js

•   svn
-
                          base.html


            user.html                     group_base.html



home.html

     diary...
AGENDA
•   linux

•   vim

•           (jinja2)

•


•   app/               html js

•   svn
APP/     -1
  html




         app html
APP/                                                   -2
app             sandbox

                  1     app html
      ...
APP/                                          -3
             app sandbox
•   app              html                       ...
APP/                                -4
html          http://123.125.48.32:8899/NIEML
APP/                                                  -5
        app html css

•   app html     id                        ...
APP/            -6
           app html css
•   html     tag

•   css       expression

•           html tag css
APP/                                                              -7
nieJS
•           js             <nie:script>

•     ...
APP/        -7
    app js

•   nieJS

•   nieJS
             js
    nieJS
AGENDA
•   linux

•   vim

•           (jinja2)

•


•   app/               html js

•   svn
SVN
SVN                           -1
•   svn co <addr>                 checkout

•   svn up

•   svn st

•   svn add <file>

• ...
SVN                                                                                  -2
           svn st
•   A added

•  ...
SVN                                                                 -3
             svn up
•   U   The files marked with U ...
SVN                                       -4
    C        conflict                       ...

•                  C         ...
SVN                                                                 -5

•              svn co checkout

•


•             ...
SVN    -6
vim t.diff
AGENDA
•   linux

•   vim

•           (jinja2)

•


•   app/               html js

•   svn
Q&A
- END -
平台开发须知
Upcoming SlideShare
Loading in...5
×

平台开发须知

816

Published on

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

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

No Downloads
Views
Total Views
816
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
20
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide






































  • Transcript of "平台开发须知"

    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 -
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×