前端框架之bootstrap

今日内容概要

  • 前端框架之bootstrap
    1. 该框架支持cv编写前端页面

  • 利用socket模块编写一个简易版本的web框架

  • 利用wsgiref模块编写web框架

  • 利用jinja2模块编写模板

  • 动静态网页(结合MySQL)

今日内容详细

前端框架之bootstrap

  1. 使用3版本
  2. 响应式布局:根据显示器大小动态合理调整页面布局
  3. CDN:内容分发网络
  4.     为了加快对静态资源(图片、css文件、js文件)数据的访问速度
  5. bootstrap涉及到动态效果需要使用jQuery
  7. 第一次使用bootstrap最好先下载源文件本地导入使用
  8.     目的是为了让pycharm能够识别该框架提供的功能并自动提示
  9.     如果直接使用CDN那么pycharm无法自动提示
  11. 选择器(为了查找我们需要查找的标签并操作)
  12.     id选择器
  13.         #d1 {}
  14.     class选择器
  15.         .c1 {}
  16.     标签选择器
  17.         div {}
  20. # 使用bootstrap调节页面样式其实就是在修改标签的class值

基本使用

  1. 1.布局容器
  2.     相当于整个网页的风格
  3.           container
  4.         container-fluid
  5. 2.栅格系统
  6.     row来划分一行(一个row是固定的12份)
  7.         在row里面通过col-md-n来划定需要几份
  8.     # 在划定的时候一定保证最多12
  10. 3.图标
  11.     http://www.fontawesome.com.cn/examples/

socket模块

  1. HTTP协议
  2.     1.四大特性
  3.         1.基于请求响应
  4.         2.基于TCP/IP作用于应用层之上的协议(OSI七层)
  5.         3.无状态
  6.         4.无连接/短连接
  7.             长链接 websocket
  8.     2.数据格式
  9.         请求格式
  10.             请求头(请求方法)
  11.             请求首行(一大堆kv键值对)
  13.             请求体(并不是所有的请求都有 携带一些敏感数据)
  14.         响应格式
  15.     3.响应状态码
  16.         用数字来表示一堆中文意思
  17.         1XX
  18.         2XX  200
  19.         3XX  302 304
  20.         4XX  403 404
  21.         5XX  500
  22.         在公司中还会自定义更多的状态码
  23.             一般都是以10000起步

作业

  1. 1.熟悉bootstrap主要样式功能
  2. 2.整理今日内容及博客
  3. 3.熟悉简易版本服务端代码及原理