web框架本质

web框架本质

• 我们可以这样理解：所有的Web应用本质上就是一个socket服务端，而用户的浏览器就是一个socket客户端。 这样我们就可以自己实现Web框架了。
  
• http协议
  http协议介绍
  什么request类型一定对应什么请求类型。
  • 服务端接收到的消息
    
  • response浏览器响应的信息（server端发送的消息）
    
    
    

前端不同模块作用

• html
  HTML使用标签来描述网页。
• css
  如何显示HTML元素。长高，文字，背景，边框，定位等
• JavaScript
  JavaScript 本身是一门轻量级语言，可插入 HTML 页面的编程代码。可由所有的现代浏览器执行，组成部分：ECMAScript ，DOM(整合js，css，html)，BOM（整合js和浏览器）

  • BOM（Browser Object Model）是指浏览器对象模型，它使 JavaScript 有能力与浏览器进行“对话”。

  • DOM （Document Object Model）是指文档对象模型，通过它，可以访问HTML文档的所有元素。
    JavaScript 可以通过DOM创建动态的 HTML：

    • JavaScript 能够改变页面中的所有 HTML 元素,HTML 属性, CSS 样式
    • JavaScript 能够对页面中的所有事件做出反应
      NOTE:windows对象是浏览器的最高级别对象，DOM对象是window的对象。
• jQuery
  1. 是一个轻量级的、兼容多浏览器的JavaScript库
  2. jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“
  3. jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是 jQuery独有的。如果一个对象是 jQuery对象，那么它就可以使用jQuery里的方法：例如$(“#i1”).html()。（带$的都是jQuery对象）jQurey只能包装JS中的DOM对象，jQurey能做的事JS也可以做到，先有JS，为了简化操作才有了JQuery
     jQuery官网
     jQuery中文网
• Bootstrap
  它是为实现快速开发Web应用程序而设计的一套前端工具包。
  参考博文
  官方地址：https://getbootstrap.com
  中文地址：http://www.bootcss.com/
• Django
  该框架实现服务端和客户端的互动。
  • Model(模型)：负责业务对象与数据库的对象(ORM)
  • Template(模版)：负责如何把页面展示给用户
  • View(视图)：负责业务逻辑，并在适当的时候调用Model和Template

此外，Django还有一个urls分发器，它的作用是将一个个URL的页面请求分发给不同的view处理，view再调用相应的Model和Template

• AJAX
  • AJAX（Asynchronous Javascript And XML）翻译成中文就是“异步的Javascript和XML”。即使用Javascript语言与服务器进行异步交互，传输的数据为XML（当然，传输的数据不只是XML）。
  • AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。（这一特点给用户的感受是在不知不觉中完成请求和响应过程）