当前位置: 首页 > news >正文

计算机基础知识41

前端

# 前端是所有跟用户直接打交道   比如:PC页面、手机页面、汽车显示屏,肉眼可以看见的

# 后端:一堆代码,用户不能够直接看到,不直接与用户打交道

          常见的后端:Python、Java、Go等

# 学了前端就可以做全栈工程师(会后端、会前端、会DB、会运维等)

# 前端:1. HTML    # 网页的骨架、只是负责显示一些内容,但是显示出来的内容不好看
              2. CSS  # 对网页骨架的美化、让网页变得更加的好看而已
              3. JavaScript     # 是让网页能够动起来,变得更加的美观
              4. bootstrap、jQuery
   称为是前端的三剑客!
# 学习一些前端配套的框架(库): bootstrap、jQuery、vue、react、angular.js

# 网址栏中输入地址回车,到看到页面的返回,过程:

       1. 客户端输入网址向服务端发起请求
       2. 服务端收到客户端的请求,处理请求
       3. 服务端要给客户端做出响应
       4. 把服务端返回的内容渲染(显示)到浏览器页面中

# 我们学习前端浏览器(就是前端代码的执行环境)来翻译前端的代码
# 学习前端只需有一个浏览器即可,浏览器就是前端的解释器

# 浏览器就是一个万能的客户端,超级客户端,可以作为很多服务端的客户端

      比如:淘宝、腾讯视频、京东、等     

# 我们自己能不能开发一个B/S架构的软件,自己开发一个服务端,浏览器做为我们的客户端

import socketserver = socket.socket()
server.bind(('127.0.0.1',7890))
server.listen(5)
while True:sock, addr = server.accept()# 接收客户端发来的数据data = sock.recv(1024)print(data)# 服务端给客户端做出响应sock.send(b'HTTP/1.1 200 OK \r\n\r\n') # TCP的流式协议# sock.send(b'love xupengfei')with open('a.txt', 'rb') as f:sock.send(f.read())sock.close()

# 浏览器是很多服务端的客户端,很多服务端必须遵守浏览器的规则(HTTP协议)

HTTP协议:最上层:应用层
TCP/UDP: 传输层
ip协议: 网络层

HTTP协议(重点)

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

# 请求数据:请求首行   (请求方式、协议和版本号)
                     请求头    (一大堆的k:v的键值对)
                     换行符   (\r\n)

# 响应数据:响应首行  (响应状态码)
                     响应头  (一大堆的k:v的键值对)
                     换行符  (\r\n)

# 请求方式有很多种:现在你需要掌握2种

   get:当朝服务端索要数据的时候,一般使用get请求方式

 https协议://分隔符huodong.taobao.com域名/wow/a/act/tao/dailyact/4634/wupr路径?spm=a21bo.jianhua.201867-main.1.5af92a89NWpkvM&wh_pid=dailyAct-257518参数

参数:传参 k=vk1=v1k2=v2(?后都是参数)

    post:当朝服务端提交数据的时候,一般采用post请求

 面试题:get和post的区别:

          1. get:
            索要数据的时候使用
            传参方式:在网址栏的问号后面:key=value的键值对方式
            数据传递不安全
            数据传递的时候,携带的数据量是有限制的,大概4KB左右的数据
         2.post:
            提交数据的时候使用
            在请求体里面
            数据传递更加安全
            数据传递没有限制,想传多少传多少

#  响应状态码:使用一个特殊的数字代表一串复杂的描述性信息
    1xx: 代表的是请求数据成功,但是这个时候还可以继续往服务端提交数据
    2xx: 200 OK 代表的是请求成功
    3xx:301 302 代表的是重定向
    4xx: 404 Not Found 代表的是资源找不到
    5xx:500 502 服务器内部错误(出现网页打不开的情况)
# 面试题:请说出常见的响应状态码(1xx 2xx 3xx 301 201)
业务状态码

html文档介绍

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

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

# 浏览器就是前端的解释器

<head> 标签里面写的内容一般不是让用户看的,给程序员看的
<body> 标签才是用户看的,在body里面写什么,浏览器就显示什么,

              head里面写的代码是对body中的代码做控制

# head中

<title>Title</title>  标题,浏览器标签页显示的

<style>写css样式的 </style> 

<script>定义JS代码或引入外部JS文件</script>

<link/>  引入外部样式表文件或网站图标

<meta/>  定义网页原信息

# body中:

<b>加粗</b>
<i>斜体</i>
<u>下划线</u>
<s>删除</s><p>段落标签</p><h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6><!--换行-->
<br><!--水平线--><hr>

特殊字符便去查就行!

今日思维导图:

相关文章:

计算机基础知识41

前端 # 前端是所有跟用户直接打交道 比如&#xff1a;PC页面、手机页面、汽车显示屏&#xff0c;肉眼可以看见的 # 后端&#xff1a;一堆代码&#xff0c;用户不能够直接看到&#xff0c;不直接与用户打交道 常见的后端&#xff1a;Python、Java、Go等 # 学了前端就可以做全栈…...

requests之get请求实例-百度搜索

视频版教程&#xff1a;一天掌握python爬虫【基础篇】 涵盖 requests、beautifulsoup、selenium 百度搜索请求地址&#xff1a; https://www.baidu.com/s?wd宝马 如果我们直接用requests.get()进行访问&#xff0c;发现没有返回内容&#xff0c;因为百度服务器通过headers头…...

Linux进程程序替换

文章目录 进程程序替换程序替换函数execl()函数调用另外一个可执行程序 execlp()函数ecexv()函数execle()函数 替换函数总结 进程程序替换 什么是进程程序替换&#xff1f;为什么要有程序替换&#xff1f; 顾名思义&#xff0c;进程程序替换就是把该进程中的程序替换掉&#x…...

Istio实战(九)-Envoy 流量劫持

前言 Envoy 是一款面向 Service Mesh 的高性能网络代理服务。它与应用程序并行运行,通过以平台无关的方式提供通用功能来抽象网络。当基础架构中的所有服务流量都通过 Envoy 网格时,通过一致的可观测性,很容易地查看问题区域,调整整体性能。 Envoy也是istio的核心组件之一…...

Node.js 的pm2 库

Node.js 是一个非常流行的 JavaScript 运行时环境&#xff0c;用于编写服务器端代码。随着 Node.js 应用程序的增长&#xff0c; 我们需要一种可靠的方式来管理应用程序的生命周期。这就是 pm2 库的作用。它是一个流行的 Node.js 应用程序进程管理器&#xff0c;可以帮助我们管…...

AutoX.js - openCV多分辨率找图

AutoX.js - openCV多分辨率找图 一、起因 AutoXjs 中有两个找图相关的方法 findImage 和 matchTemplate&#xff0c;之前一直没发现什么问题&#xff0c;但最近在一次测试找图时&#xff0c;明明大图和模板图的轮廓都清晰&#xff0c;却怎么也找不到图&#xff0c;降低阈值参…...

Python爬虫实战案例——第七例

文章中所有内容仅供学习交流使用&#xff0c;不用于其他任何目的&#xff01;严禁将文中内容用于任何商业与非法用途&#xff0c;由此产生的一切后果与作者无关。若有侵权&#xff0c;请联系删除。 目标&#xff1a;LI视频采集 地址&#xff1a;aHR0cHM6Ly93d3cucGVhcnZpZGVv…...

C# 图解教程 第5版 —— 第13章 数组

文章目录 13.1 数组13.1.1 定义13.1.2 重要细节 13.2 数组的类型13.3 数组是对象13.4 一维数组和矩形数组13.5 实例化一维数组或矩形数组13.6 访问数组元素&#xff08;*&#xff09;13.7 初始化数组13.7.1 显示初始化一维数组13.7.2 显示初始化矩形数组13.7.3 初始化矩形数组的…...

android studio启动Task配置

Android studio 高版本默认不开启Task配置&#xff0c;需要自己手动开启 1.低版本配置路径&#xff1a;&#xff08;复制他人图片&#xff09; 2.高版本路径&#xff1a;添加下图勾选配置即可 3.gradle task 3.1 初识task gradle中所有的构建工作都是由task完成的,它帮我们处…...

Xcode运行程序提示 Executable Path is a Directory 问题解决

一、首先运行模拟器报错&#xff08;没有记录&#xff09;&#xff0c;解决办法&#xff1a; TARGET->Build Settings->Architectures -> Exclude Architectures里面填入arm64&#xff0c;后运行模拟器成功 二、其次模拟器开发完成后&#xff0c;xcode运行真机调试&…...

决策树的优缺点

决策树优点 1. 易于理解和解释&#xff0c;因为树木可以画出来被看见 2. 需要很少的数据准备。其他很多算法通常都需要数据规范化&#xff0c;需要创建虚拟变量并删除空值等。但请注意&#xff0c; sklearn中的决策树模块不支持对缺失值的处理。 3. 使用树的成本&#xff08;比…...

Flask后端开发(二) - 功能实现和项目总结

目录 1. 功能1:修改文件参数值1.1. 获取网页端传参1.2. 读取文件1.2.1. 一般文件读取方式1.2.2. 特殊文件 —— mlx文件1.2.3. 特殊文件 —— .xlx文件1.3. 查找数据修改位置,替换数据2. 功能2:读取结果数据2.1. 实时数据展示如何存储相关数据?2.2. 读取相关数据,整理、打…...

思维训练第五课插入语和主谓一致

系列文章目录 文章目录 系列文章目录前言一、插入语插入语的分类1、常用作插入语的副词 Indeed的确 certainly 当然 surely 无疑地 however 然而 等2、形容词及词组作插入语3、常作插入语的介词短语4、常作插入语的分词短语 Strictly speaking严格地说&#xff0c;generally sp…...

开源利器:it-tools 项目介绍

作为一名开发人员&#xff0c;我们在日常工作和学习中常常需要使用一系列小工具&#xff0c;如JSON格式化、JSON转表格、当前时间戳、XML格式化、SQL格式化、密码生成以及UUID生成等。通常情况下&#xff0c;我们会在网上搜索各种在线工具来满足这些需求。然而&#xff0c;这些…...

基于和声算法的无人机航迹规划-附代码

基于和声算法的无人机航迹规划 文章目录 基于和声算法的无人机航迹规划1.和声搜索算法2.无人机飞行环境建模3.无人机航迹规划建模4.实验结果4.1地图创建4.2 航迹规划 5.参考文献6.Matlab代码 摘要&#xff1a;本文主要介绍利用和声算法来优化无人机航迹规划。 1.和声搜索算法 …...

[Linux]线程池

[Linux]线程池 文章目录 [Linux]线程池线程池的概念线程池的优点线程池的应用场景线程池的实现 线程池的概念 线程池是一种线程使用模式。线程池是一种特殊的生产消费模型&#xff0c;用户作为生产者&#xff0c;线程池作为消费者和缓冲区。 线程过多会带来调度开销&#xff0c…...

使用es实现轻量级分布式锁

文章目录 [toc] 1.前言2.实现3.总结 1.前言 一般来说&#xff0c;实现分布式锁的方式有哪几种&#xff1f; 一&#xff1a;Redisson实现 二&#xff1a;ZK实现 这两种实现网上的实现是千篇一律&#xff0c;在本文就不做过多的讲解了 其它方式好像没有了&#xff0c;真的是这…...

富文本编辑器特殊字符的解码编码

var HtmlUtil {/*1.用浏览器内部转换器实现html转码*/htmlEncode:function (html){//1.首先动态创建一个容器标签元素&#xff0c;如DIVvar temp document.createElement ("div");//2.然后将要转换的字符串设置为这个元素的innerText(ie支持)或者textContent(火狐&…...

几种软件开发方法对比

几种软件开发方法对比 1 综述 软件开发方法是一种使用早已定义好的技术集及符号表示习惯来组织软件生产的过程。 本文对净室方法、结构化方法、面向对象方法、原型法、逆向工程等方法进行梳理&#xff0c;并对各种开发方法特点、优点进行对比。 2 净室方法 2.1 特点 净…...

在Maven中发布项目到Nexus私有服务器

一、测试环境 Sonatype Nexus 3.61.0-02 Maven 3.9.2 二、环境配置 2.1找到maven的配置文件 2.2添加私有仓库账户密码 <servers><server><id>nexus</id><username>admin</username><password>admin</password></server&…...

猫抓浏览器扩展深度解析:现代网页资源嗅探的技术内幕与实践指南

猫抓浏览器扩展深度解析&#xff1a;现代网页资源嗅探的技术内幕与实践指南 【免费下载链接】cat-catch 猫抓 chrome资源嗅探扩展 项目地址: https://gitcode.com/GitHub_Trending/ca/cat-catch 在当今流媒体内容爆炸的时代&#xff0c;开发者和技术爱好者面临着一个共同…...

【网络安全基础】计算机网络基础:从TCP/IP协议栈到网络攻击原理

前言在网络安全领域&#xff0c;不懂网络协议&#xff0c;就如同不懂解剖学的医生。无论是分析网络攻击流量、配置防火墙规则&#xff0c;还是进行内网渗透&#xff0c;都离不开对网络协议的深入理解。本文将系统梳理计算机网络的核心知识——从OSI七层模型到TCP/IP协议栈&…...

别再手动改MTL文件了!一个Python脚本搞定ENVI打开Landsat 8/9 L2影像的报错问题

用Python自动化修复Landsat L2影像的ENVI兼容性问题 遥感数据处理中&#xff0c;Landsat 8/9的L2级别影像在ENVI软件中打开时经常遇到兼容性问题。传统的手动修改MTL文件方法不仅效率低下&#xff0c;还容易出错。本文将介绍一个Python自动化解决方案&#xff0c;帮助您彻底摆脱…...

[带AI]基于SpringBoot+Vue的青少年心理健康管理系统设计与实现+文档+指导搭建视频

&#xff5c;前后端分离&#xff5c;Java&#xff5c;SpringBoot&#xff5c;Vue3&#xff5c;Spring AI智能对话一、项目技术栈项目采用技术&#xff1a;① 架构模式&#xff1a;前后端分离开发② 系统环境&#xff1a;Windows、Mac③ 开发环境&#xff1a;IDEA、JDK21、MySQL…...

华为交换机-跨Vlan通信的实战配置指南

1. 华为交换机跨VLAN通信的核心原理 第一次接触跨VLAN通信时&#xff0c;我也被那些专业术语搞得一头雾水。直到把整个流程拆解成生活场景&#xff0c;才真正理解其中的奥妙。想象一下&#xff0c;VLAN就像公司里的不同部门&#xff0c;财务部、技术部、市场部各自在独立的办公…...

Windows Cleaner终极指南:三步解决C盘爆红,让电脑重获新生

Windows Cleaner终极指南&#xff1a;三步解决C盘爆红&#xff0c;让电脑重获新生 【免费下载链接】WindowsCleaner Windows Cleaner——专治C盘爆红及各种不服&#xff01; 项目地址: https://gitcode.com/gh_mirrors/wi/WindowsCleaner 当你的C盘进度条变成刺眼的红色…...

【Java 25 ZGC 2.0终极调优指南】:27个生产级参数详解+GC停顿压至亚毫秒的5大黄金法则

第一章&#xff1a;Java 25 ZGC 2.0调优全景概览ZGC 2.0 在 Java 25 中迎来关键演进&#xff0c;其核心目标是将暂停时间稳定控制在亚毫秒级&#xff08;<1ms&#xff09;&#xff0c;同时显著提升高吞吐场景下的内存回收效率与可预测性。相比 Java 21 的 ZGC 实现&#xff…...

【多模态实战】Swift框架高效微调Qwen2-VL:从SFT到RLHF的完整指南

1. 为什么选择Swift框架微调Qwen2-VL 第一次接触Qwen2-VL这个多模态大模型时&#xff0c;我被它强大的图文理解能力惊艳到了。但真正让我惊喜的是发现Swift框架能让模型微调变得如此简单。记得当时为了测试一个定制化需求&#xff0c;传统方法需要写上百行训练代码&#xff0c;…...

硬件医生养成记:用SMUDebugTool守护AMD Ryzen系统健康

硬件医生养成记&#xff1a;用SMUDebugTool守护AMD Ryzen系统健康 【免费下载链接】SMUDebugTool A dedicated tool to help write/read various parameters of Ryzen-based systems, such as manual overclock, SMU, PCI, CPUID, MSR and Power Table. 项目地址: https://gi…...

DanKoe 视频笔记:一人企业构建指南:从零到百万美元的教育业务(每日工作2-4小时)

在本课程中&#xff0c;我们将学习如何构建一个单人教育业务&#xff0c;实现从零到年收入百万美元的目标&#xff0c;同时将每日工作时间控制在2-4小时。我们将探讨其核心理念、实施步骤以及背后的进化逻辑。 概述 传统的创业路径往往伴随着高风险、高投入和漫长的工作时间。…...