zoukankan      html  css  js  c++  java
  • 前端基础介绍

    什么是前端

      任何与用户直接打交道的操作界面都可以称之为前端

    什么是后端

      后端类似于幕后操作者,不直接与用户打交道

    前端学习之路

      无论是专业前端,还是业余前端,HTML、CSS、JavaScript都是必学的,类似于python基本语法。

    内容 简介
    HTML 网页的骨架,没有任何的样式
    CSS 给骨架添加各种样式,变得好看
    JS 控制网页的动态效果

      前端框架简略学习:Bootstrap、Vue、JQuery,只需要学习固定的语法套路即可。

    软件开发架构

    架构名 包含内容
    CS 客户端 服务端
    BS 浏览器 服务端

    ps : BS架构 本质也是 CS架构

    浏览器窗口输入网址回车发生了几件事

    1 浏览器朝服务端发送请求
    2 服务端接受请求(eg:请求百度首页)
    3 服务端返回相应的响应(eg:返回一个百度首页)
    4 浏览器接收响应 根据特定的规则渲染页面展示给用户看

    如何做到浏览器能够跟多个不同的客户端之间进行数据交互?

     1.浏览器能够自动识别不同服务端做不同处理。
     2.制定一个统一的标准 如果你想要让你写的服务端能够跟客户端之间做正常的数据交互,就必须遵循一些规则,也就是HTTP协议。

    HTTP协议

    超文本传输协议:用来规定服务端和浏览器之间的交互格式

    该协议你可以不遵循 但是你写的服务端就不能被浏览器正常访问 你就自己跟自己玩,你就自己写客户端,用户想要使用,就下载你专门的app即可

    四大特性(*****)

    特性名 注释
    基于请求响应 比如点击一个网页就是发送一个请求,然后响应给你返回一个页面,也就是服务端给你返回的数据
    基于TCP/IP之上作用于应用层之上的协议 也就是说在TCP/IP协议再加一个HTTP协议
    无状态 不保存用户的信息(由于HTTP协议是无状态的 所以后续出现了一些专门用来记录用户状态的技术:cookie、session、token)
    无/短链接 请求来一次我响应一次 之后我们两个就没有任何链接和关系了(长链接:双方建立连接之后默认不断开 Websocket(后面详细了解))

    请求数据格式

    • 请求首行(标识HTTP协议版本,当前请求方式)

    请求方式
     1.get请求
    朝服务端要数据
     eg:输入网址获取对应的内容
    2.post请求
    朝服务端提交数据
     eg:用户登陆 输入用户名和密码之后 提交到服务端后端做身份校验

    • 请求头(一大堆k,v键值对)
    • ​ (这里/r/n千万不能省略,容易忽略的地方)
    • 请求体(并不是所有的请求方式都有,get没有post有,存放的是post请求提交的敏感数据)

    响应数据格式

    • 响应首行(标识HTTP协议版本,响应状态码)

    • 响应头(一大堆k,v键值对)

    •  (这里/r/n千万不能省略,容易忽略的地方)

    • 响应体(返回给浏览器展示给用户看的数据)

    响应状态码

    用一串简单的数字来表示一些复杂的状态或者描述性信息 (404:请求资源不存在)

    • 1XX:服务端已经成功接收到了你的数据正在处理,你可以继续提交额外的数据

    • 2XX:服务端成功响应了你想要的数据(200 OK请求成功)

    • 3XX:重定向(当你在访问一个需要登陆之后才能看的页面 你会发现会自动跳转到登陆页面)

    • 4XX:请求错误

      • 404:请求资源不存在

      • 403:当前请求不合法或者不符合访问资源的条件

    • 5XX:服务器内部错误(server internal error(500))

    补充:url--->统一资源定位符(大白话 网址)

  • 相关阅读:
    [hihocoder-1974] 智能分包 状态压缩dp
    2018北京ICPC D. Frog and Portal 斐波那契数 构造
    [hdu-6621]K-th Closest Distance 主席树 线段树 2019 多校4
    [POJ 2104]K-th Number 主席树 可持久化线段树 入门
    [hdu-6623]Minimal Power of Prime
    [hdu-6608] Fansblog 威尔逊定理 质数的密度分布 2019 多校 3
    [codeforces1000F] One Occurrence
    [python] 机器学习 卷积神经网络 用迁移学习实现人脸识别
    [python] 安装TensorFlow问题 解决Cannot uninstall 'wrapt'. It is a distutils installed project
    浅谈getResource方法
  • 原文地址:https://www.cnblogs.com/Lance-WJ/p/12870238.html
Copyright © 2011-2022 走看看