• day44

    什么是前端

    前端是所有跟用户直接打交道的都可以称之为是前端
    比如：pc页面、手机页面、平板页面、汽车显示屏等等显示出来的都是前端内容

    什么是后端？
    就是一堆代码，用户不能够直接看到，不直接与用户打交道的都是后端
    常见的后端：python、java、go等

    为什么要学前端

    学了前端以后我们就可以做全栈工程师（后端、前端、DB、运维等）
    咱们学前端不用学的太深入，能够写一些简单的页面，以及会调试别人写的页面和能够看懂一些别人的页面代码

    前端学习那些内容

    1.HTML： 网页的骨架、只是负责显示一些内容，但是显示出来的内容不好看，没样式
    2.CSS： 对网页骨架的美化、让网页变得更加好看
    3.JavaScript： HTML、CSS都是不能动的，静态的，js就是让网页能够动起来，变得更加美观
    4.bootst、jQuery
    HTML、CSS、JavaScript称为前端三剑客

    学习一些前端配套的框架(库):bootst、jQuery、vue、react、angular.js

    网址栏中输入地址回车，刚看到页面的返回，整个过程发生了什么事？

    1.客户端输入网址向服务端发起请求
    2、服务端收到客户端的请求，处理请求
    3.服务端要给客户端做出响应
    4、把服务端返回的内容渲染(显示)到浏览器页面中
    我们学习前端谁来翻译前端的代码？浏览器就是前端代码的执行环境
    学习前端只要一个浏览器即可，浏览器就是前端的解释器
    浏览器就是一个万能的客户端，超级客户端，言外之意，它可以作为很多服务端的客户端
    比如：淘宝、京东、腾讯视频等等

    我们自己能不能开发一个B/S架构的软件，能
    开发一个服务端即可，浏览器已经存在了，让浏览器作为我们的客户端
    利用socket写一个服务端，让浏览器作为我们的客户端
    浏览器是很多服务端的客户端，但它是怎么识别是哪个服务端的？
    很多服务端必须都要遵循浏览器的规则，所以，浏览器才能够正常的识别他们(数据传出的规则）
    这个规则是：协议(HTTP协议）

    HTTP协议：应用层
    TCP/UDP：传输层
    ip协议：网络层

    HTTP协议

    HTTP协议的四大特性
    1、基于请求和响应的(有请求，有响应）
    2.它是基于TCP协议之上的应用层协议
    3.无状态
      就是这个协议它不能够在浏览器中保存数据，现在使用的：淘宝、支付宝、京东等这些网络都需要登录。cookie、session、token、jwt等保存的，他们才是真正的保存用户数据的
    4.短链接、长连接

    请求数据：

    请求首行(请求首行、协议和版本号)
    请求头(一大堆的k:v的键值对)

    换行符(\r\n)

    响应数据：

    响应首行(响应状态码）
    响应头(一大堆的k:v的键值对）

    换行符(\r\n）

     get：当朝服务端索要数据的时候，一般使用get请求方式
    post：当朝服务器提交数据的时候，一般采用post请求
    两者的区别：

    1、get：

          索要数据的时候使用

          传参方式“在网址栏的问号后面：key=valur的键值对方式
          数据传递不安全

          数据传递的时候，携带的数据是有限制的，大概4kb左右的数据

    2、post：

          提交数据的时候使用

          在请求体里面

          数据传递更加安全

          数据传递没有限制，想传多少传多少

    响应状态码：

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

    1xx: 代表的是请求数据成功，但是这个时候还可以继续往服务端提交数据
        2xx: 200 OK 代表的是请求成功
        3xx：301 302 代表的是重定向
        4xx: 404 Not Found 代表的是资源找不到
        5xx：500 502 服务器内部错误(出现网页打不开的情况)

    HTML介绍

    在网页中所能够看到的花里胡哨的东西都是HTML标签

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

    学习前端在哪里写前端代码
    1.pycharm
    2.直接在浏览器中写
    3.直接在txt文本也可以
    4.vscode

    HTML文档介绍

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

    如何打开一个html文档

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

    head标签中常用的标签

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

    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.     注册	®

  • 相关阅读:
    C++ 多态详解【用法+原理】
    【ES】--track_total_hits参数影响ES分页数据
    自动化测试 | 测试老鸟总结，你们项目自动化测试实施成功与否的因素
    lvs的工作模式
    vue中$set
    sys文件系统
    【设计模式】七大设计原则
    互动游戏是如何推动app变现的？
    交叉熵损失函数
    （王道考研计算机网络）第五章传输层-第三节1-5：TCP拥塞控制
  • 原文地址：https://blog.csdn.net/qq_67257222/article/details/134076691