@
前真个起步认识
前言：
跟python一毛钱关系都没有，逻辑较少 记忆居多。
什么是前端？
任何与用户直接打交道称为前端。
列：
电脑显示视频
手机界面
Ipad
为什么要学前端
全栈开发工程师 前后端都得会
技多不压身
如何学习前端
软件开发架构
C S 架构
b s 架构
bs架构 素质就是 cs架构
wed 处事的素质
import socket
server = socket.socket()
server.bind(('127.0.0.1',8081))
server.listen(5)
while True:
conn, addr = server.accept() # 梗阻
data = conn.recv(1024)
print(data)
# 遵循HTTP协议
conn.send(b'HTTP/1.1 200 OK\r\n\r\n')
conn.send(b'<h1>hello big baby~</h1>')
with open('a.txt','rb') as f:
conn.send(f.read())
conn.close()
浏览器窗口输入一个网址敲回车产生了哪些事？
1.朝着指定的处事端发送请求
2.处事端接收相应的请求
3.处事端返回相应的响应
4.浏览器接收响应 凭据特定的法则衬着页面展示给用户看的
HTTP协议
超文本传输协议
规定了浏览器与处事端之间数据传输的格局
1.HTTP协议四大特性
1.基于请求响应（一次请求对应一次响应）
2.基于TCP/IP 感化于应用层之上的协议。
3.无状态
不保存客户真个状态
无论你来几多次 我都待你入初见
cookie session token ...
- cookies: 存放在浏览器(客户端)的用户信息
- session: 存放在处事真个用户信息
4.无连接
长链接 websocket(类似于http协议的大补丁) 聊天室相关
2.数据格局
请求格局
请求首行(请求方法 协议版本)
请求头(一大堆k,v键值对)
请求体(携带的数据 并不是一直都有 有时候可能是空的 取决于你的请求方法)
响应格局
响应首行(响应状态码)
响应头(一大堆k,v键值对)
响应体(浏览器展示给用户看的数据)
3.响应状态码
用数字来暗示一大堆提示信息
1XX:处事端已经告成接收到客户真个数据正在措置惩罚惩罚 你可以继续提交
2XX:200请求告成 处事端已经返回了你想要的数据
3XX:重定向(原本想访谒A但是内部自动给你转到了B上面)
4XX:404请求资源不存在,403你当前不具备请求该资源的条件
5XX:500处事端内部错误 机房卓火了 宕机 爆炸了
公司内部可以本身定制本身的响应状态码
请求方法
1.get请求
朝处事端要资源(获取数据)
类似于浏览器窗口输入获取百度首页
2.post请求
朝处事端提交数据(提交数据)
类似于登录注册成果
HTML
超文本符号语言
在学习HTML的时候 你只需要记住每一个标签标示什么意思就可以了
如果你想让你的页面能够被浏览器识别并且展示出都雅的样子 你就必需是写HTML代码
浏览器能够识另外语言非常少
HTML/XML CSS JS
扩展常识点：XML也可以书写前端页面
主要用于odoo框架中 书写企业内部打点软件（ERP）
HTML注释
注释是代码之母
单行注释:<!--单行-->
多行注释:<!--
多行注释1
多行注释2
-->
增补:由于html页面布局对照庞大 内容对照多 未便于后期的维护 改削
凡是在写页面的时候 习惯用下面的方法来酬报的划分代码区域
<!--顶部导航条样式开始-->
<!--顶部导航条样式结束-->
<!--左侧菜单栏样式开始-->
<!--左侧菜单栏样式结束-->
HTML文档布局
<html>
<head></head>:head内放的内容不是给用户看的 是给浏览器去识别做相应操纵的
<body></body>:body内放的内容就是浏览器展示给用户看到的花里胡哨的页面
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>亚洲最大的XXX网站</title>
<meta http-equiv="refresh" content="2;URL=https://www.oldboyedu.com">
</head>
<body>
<h1>hello big big baby~</h1><a href=http://www.mamicode.com/"https:/www.mzitu.com">click me</a><img src=http://www.mamicode.com/"https:/ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=276938278,2845396192&fm=26&gp=0.jpg"/>
</body>
</html>
以上代码暗示，从当前页面颠末两秒后直接跳到下一个网页。点击click me 会进入当前访谒网站妹子图网站。
![[转]Node.js中package.json中^和~的区别](/uploads/allimg/200519/054J34453_lit.png "[转]Node.js中package.json中^和~的区别")