2、前端bootstrap框架及socket

前端框架之bootstrap

目录

今日内容概要

  • 前端框架之bootstrap

    该框架支持cv编写前端页面

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

  • 利用wsgiref模块编写web框架

  • 利用jinja2模块编写模板

  • 动静态网页(结合MySQL)

今日内容详细

前端框架之bootstrap

使用3版本
响应式布局:根据显示器大小动态合理调整页面布局
CDN:内容分发网络
    为了加快对静态资源(图片、css文件、js文件)数据的访问速度
bootstrap涉及到动态效果需要使用jQuery

第一次使用bootstrap最好先下载源文件本地导入使用
	目的是为了让pycharm能够识别该框架提供的功能并自动提示
    如果直接使用CDN那么pycharm无法自动提示

选择器(为了查找我们需要查找的标签并操作)
	id选择器
    	#d1 {}
    class选择器
    	.c1 {}
    标签选择器
    	div {}
    
    
# 使用bootstrap调节页面样式其实就是在修改标签的class值

基本使用

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

socket模块

HTTP协议
	1.四大特性
    	1.基于请求响应
        2.基于TCP/IP作用于应用层之上的协议(OSI七层)
        3.无状态
        4.无连接/短连接
        	长链接 websocket
    2.数据格式
        请求格式
        	请求头(请求方法)
        	请求首行(一大堆kv键值对)
            
            请求体(并不是所有的请求都有 携带一些敏感数据)
        响应格式
    3.响应状态码
    	用数字来表示一堆中文意思
        1XX
        2XX  200
        3XX  302 304
        4XX  403 404
        5XX  500
        在公司中还会自定义更多的状态码
        	一般都是以10000起步
posted @ 2021-11-19 10:27  LionYie  阅读(75)  评论(0)    收藏  举报