django、js插件知识框架学习笔记

django、js插件知识框架学习笔记，一张图带你完全了解相关内容，通过思维导图帮你提高效率，赶紧来试一试吧~

django、js插件知识框架学习笔记

• css
  • bootstrap
    • 导航
      • nav
    • 导航条
      • nav
    • 表单
      • form-group
        • label
          • class="sr-only"
        • input
    • 布局
      • 上导航条
      • 左侧菜单
      • 右侧内容
• django
  • template
    • 模板继承
      • 模板文件
        • block
          • {% block name %} default_value {% endblock %}
      • 子文件
        • 导入模板文件
          • extends
            • {% extends "" %}
          • block
            • {% block name %}my value{% endblock %}
          • 在block之外写的内容能展示吗？
            • 不能
          • 继承1-2
    • include
    • tag
      • url
        • name => url
        • {% url 'namespce:actionname' %}
  • 使用本地本地项目资源文件
    • 文件放置的位置
      • app/static
      • 项目
        • static
          • 公共
        • 配置
          • settings.py
            • STATICFILES_DIRS = []
    • 页面使用
      • link
        • link href="/static/xxx.css"
        • link href="/static/appname/xxx.css"
      • tag
        • {% load staticfiles %}
        • static
          • {% static "xxx.css"%}
          • {% static "app/xxx.css"%}
  • 文件查找的方式
    • templates/static(js, css, png....)
      • a.html
      • b.html
      • c.html
    • 文件
      • templates(static)
        • a.html
          • V
      • app/templates(static)
        • b.html
      • app2/templates(static)
        • a.html
      • .....
    • 文件方式命名规则
      • templates
        • 项目
          • xxx.html
        • app
          • appname/xxxx.html
      • static
        • 项目
          • 放公共的
            • bootstrap
            • xxx.css
            • xxx.js
        • app
          • appname/xxxx.css
          • appname/xxxx.js
  • views/models.py
    • django.urls.reverse
      • reverse('namespace:actioname')
  • RedirectView.as_view(url="")
  • form
    • form.as_table
    • form
      • field.label
      • field.id_for_label
      • field.value
      • field.errors
      • non_field_errors
        • clean
• 2.
  • js插件
    • 0
      • 下载
    • 1
      • 引入
        • 引入css
        • 引入js
    • 2
      • 调用
        • api
          • demo
          • doc
          • source
  • sweetalert
    • 弹出框
    • swal
  • bootstrap modal
    • dialog
    • modal('show', jQuery(this))
    • on('event', function(event) {})
  • datatables
    • DataTable
      • html
      • ajax
        • ajax
        • columns
  • js
    • 函数参数
      • function fun(){console.log(arguments);}
      • arg = arg || value
  • jQuery
    • jQuery(selector).on(event, callback)
    • jQuery(selector).on(event, selector , callback)