• 简单的前端语言

    目录

    一.介绍

    1.什么是前端

    2.什么是后端

    3.为什么要学习前端

    4.前端学习哪些内容

    二.HTTP协议

    1.HTTP协议的四大特性：

    2.响应状态码

    三.HTML介绍

    1.什么是html标签

    2.html文档介绍

    3.如何打开html文档

    4.head标签中常用的标签

    5.body中常用的标签

    一.介绍

    1.什么是前端

    前端是所有跟用户直接打交道的都可以称之为是前端语言

    例如：网页

    2.什么是后端

    就是一堆代码，用户不能够直接看到，不直接与用户打交道的称之为是后端语言

    常见的后端：python，java等

    3.为什么要学习前端

    学了前端以后我们就可以做全栈工程师（会后端，会前端，会DB，会运维等）

    我们只需要学习写一些简单的页面、会调试别人写的页面和看懂别人写的页面代码即可

    4.前端学习哪些内容

    1. HTNL：网页骨架，只是负责显示一些内容，但是显示出来的内容不好看，没样式
    2. CSS：对页面骨架的美化，让页面变得好看
    3. JavaScript：html、css都是静态的，JS能够让网页动起来，变得更加美观
    4. bootstrap、jQuery

    称之为三剑客

    二.HTTP协议

    1.HTTP协议的四大特性：

    1. 基于请求和响应的（有请求，有响应）
    2. 它是基于TCP协议之上的应用层协议
    3. 无状态：就是这个协议他不能够在浏览器里保存数据，现在使用的像是淘宝、京东之类的网站都需要登录，这些数据是靠cookie、session、token、jwt等保存的
    4. 短链接

    请求数据

    请求首行（请求方式、协议和版本号）

    请求头（一大堆的K:V键值对）

    换行符（\r\n）

    响应数据

    响应首行（响应状态码）

    响应头（一大堆K:V键值对）

    换行符（\r\n）

    请求方式

    有很多种，现在只学两种

    1. get
    2.     	"""当朝服务端索要数据的时候，一般使用get请求方式"""
    3.         https://huodong.taobao.com/wow/a/act/tao/dailyact/4634/wupr?spm=a21bo.jianhua.201867-main.1.5af92a89NWpkvM&wh_pid=dailyAct-257518
    4.         
    5.         https://huodong.taobao.com/index/v1/?k=v&k1=v1&k2=v2
    6.         https://huodong.taobao.com/func
    7.         def index()
    8.         	# 需要参数?
    9.         def func()
    10.         
    11.         
    12.     post
    13.     	"""当朝服务端提交数据的时候，一般采用post请求"""
    14.         post请求，参数在哪里传递?
    15.    面试题：get和post的区别?
    16. 		1. get:
    17.         	索要数据的时候使用
    18.             传参方式：在网址栏的问号后面：key=value的键值对方式
    19.             数据传递不安全
    20.             数据传递的时候，携带的数据量是有限制的，大概4KB左右的数据
    21.          2.post：
    22.         	提交数据的时候使用
    23.             在请求体里面
    24.             数据传递更加安全
    25.             数据传递没有限制，想传多少传多少

    2.响应状态码

    使用一个特殊的数字代表一串复杂的描述性信息

    1XX：代表的是请求数据成功，但是这个时候还可以继续往服务端提交数据

    2XX：200 OK         代表的是请求成功

    3XX：301  302       代表的是重定向

    4XX：404 Not Found 代表的是资源找不到

    5XX：500   502      和404差不多，代表的是服务器内部错误

    三.HTML介绍

    1.什么是html标签

    你在网页中所能够看到的东西都是HTML标签

    1. <h1>hello pythonh1>
    2. <h5>hello pythonh5>
    3. <a href='http://baidu.com'>click mea>
    4. <img src=''>

    2.html文档介绍

    1. html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>Titletitle>
    6.   
    7. head>
    8. <body>
    9.  
    10. body>
    11. html>
    12.  
    13. <head> 标签里面写的内容一般不是让用户看的，给程序员看的
    14. <body> 标签才是用户看的，在body里面写什么，浏览器就显示什么，head里面写的代码是对body中的代码做控制

    3.如何打开html文档

    1. 直接点击pycahrm右上角的浏览器图标
    2. 直接找到文档所在的位置，右键选择使用浏览器打开即可
    """浏览器就是前端的解释器，所有的前端代码都是有浏览器来翻译的"""

    4.head标签中常用的标签

    1.   <title>Titletitle> 就是浏览器标签页上显示的内容
    2.         <title>Titletitle>
    9.     <link rel="stylesheet" href="my.css">
    13.     <script src="my.js">script>

    5.body中常用的标签

    1. # 基本标签:
    2.     <b>加粗b>
    3.     <i>斜体i>
    4.     <u>下划线u>
    5.     <s>删除s>
    6.     <p>段落标签p>
    7.  
    8.     <h1>标题1h1>
    9.     <h2>标题2h2>
    10.     <h3>标题3h3>
    11.     <h4>标题4h4>
    12.     <h5>标题5h5>
    13.     <h6>标题6h6>
    14.  
    15.     
    16.     <br>
    17.  
    18.     <hr>
    19. # 特殊字符
    20. 	内容	对应代码
    21.     空格	 
    22.     >	>
    23.     <	<
    24.     &	&
    25.     ¥	¥
    26.     版权	©
    27.     注册	®

  • 相关阅读:
    论文《Sequential Recommendation with Graph Neural Networks》阅读
    Linux开发：进程间通过Unix Domain Socket传递文件描述符
    pyqt5 pygraph ‘MouseClickEvent‘ object is not subscriptable
    【论文阅读】Bag of Tricks for Efficient Text Classification高效率文本分类技巧包
    人体关键点识别易语言代码
    基于ssm实验室管理系统源码（含文档）
    阿里巴巴开源限流组件Sentinel初探之集成Gateway
    PerfView专题 (第八篇)：洞察 C# 内存泄漏之寻找静态变量名和GC模式
    AI | 第5章 深度学习 TensorFlow2 神经网络与卷积神经网络
    JavaSE---逻辑控制
  • 原文地址：https://blog.csdn.net/qq_65852978/article/details/134076725