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

day44

news 文章来源：https://blog.csdn.net/qq_67257222/article/details/134076691 2025/5/5 16:53:46

什么是前端

前端是所有跟用户直接打交道的都可以称之为是前端
比如：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标签

<h1>hello python</h1>
<h5>hello python</h5>
<a href='http://baidu.com'>click me</a>
<img src=''>

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

HTML文档介绍

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body></body>
</html><head> 标签里面写的内容一般不是让用户看的，给程序员看的
<body> 标签才是用户看的，在body里面写什么，浏览器就显示什么，head里面写的代码是对body中的代码做控制

如何打开一个html文档

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

head标签中常用的标签

  <title>Title</title> 就是浏览器标签页上显示的内容<title>Title</title>
<!--    <style>-->
<!--        /*写css样式的*/-->
<!--        a {-->
<!--            color:  red;-->
<!--        }-->
<!--    </style>--><link rel="stylesheet" href="my.css">
<!--    <script>-->
<!--        alert(123)-->
<!--    </script>--><script src="my.js"></script>

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>
# 特殊字符内容	对应代码空格	&nbsp;>	&gt;<	&lt;&	&amp;¥	&yen;版权	&copy;注册	&reg;

相关文章：

day44

什么是前端 前端是所有跟用户直接打交道的都可以称之为是前端 比如&#xff1a;pc页面、手机页面、平板页面、汽车显示屏等等显示出来的都是前端内容 什么是后端&#xff1f; 就是一堆代码&#xff0c;用户不能够直接看到&#xff0c;不直接与用户打交道的都是后端 常见的后端…...

编程日记 2023/10/28 18:37:22

python常用操作汇总

python创建二维数组 python创建三行三列的二维数组&#xff0c;下面方法是错误的&#xff0c;因为是浅拷贝&#xff1a; lst1 [0] * 3 lst2 [lst1] * 3 lst2[1][1] 2 print(lst2) # [[0, 2, 0], [0, 2, 0], [0, 2, 0]]正确姿势 lst [[0 for j in range(3)] for i in ran…...

编程日记 2023/10/28 18:35:21

赴日IT培训 日本IT行业为啥吃香？

确实现在有许多小伙伴尝到了赴日IT的甜头&#xff0c;可是去日本从事IT行业真的很简单吗&#xff1f;为什么日本的IT行业这么缺人呢&#xff1f;那今天小编就跟大家聊一聊日本的IT行业。 咱们先来说说日本的IT行业为什么缺人&#xff1f;其实不只是IT行业&#xff0c;可以说日…...

编程日记 2023/10/28 18:33:19

2016年亚太杯APMCM数学建模大赛A题基于光学信息数据的温度及关键元素含量预测求解全过程文档及程序

2016年亚太杯APMCM数学建模大赛 A题 基于光学信息数据的温度及关键元素含量预测 原题再现 光含有能量&#xff0c;在一定条件下可以转化为热。燃烧是一种常见的现象&#xff0c;既能发光又能发热。光和热通常是同时存在的&#xff0c;一般来说&#xff0c;光强度越高&#xf…...

编程日记 2023/10/28 18:32:18

一文讲明：企业知识库的作用和搭建方法

在现代商务环境中&#xff0c;企业面临着大量的信息和知识流动。这些信息和知识散落在各个部门、团队甚至个人之间&#xff0c;难以进行有效的整合和利用。而企业知识库的出现解决了这一问题。它提供了一个统一的平台&#xff0c;将分散的信息汇聚到一个集中的数据库中&#xf…...

编程日记 2023/10/28 18:30:16

技术的新浪潮：从SOCKS5代理到跨界电商的未来

在当今这个日新月异的技术时代&#xff0c;各种创新技术如雨后春笋般涌现。从SOCKS5代理到跨界电商&#xff0c;再到爬虫技术、出海战略和游戏产业的飞速发展&#xff0c;我们正处于一个技术变革的黄金时代。 SOCKS5代理&#xff1a;安全的网络通道 SOCKS5代理是一种网络协议…...

编程日记 2023/10/28 18:29:15

Android intent的一些小使用

目录&#xff1a; 1. Test5.java2. activity_main5.xml3. Empty.java (这个是用来带参数打开Activity按钮用的)4. activity_empty.xml5. 总结 一些基本的问题就不进行说明了&#xff0c;直接上代码&#xff01;&#xff01;&#xff01; // 最后的隐形intent和带返回值没有解决…...

编程日记 2023/10/28 18:28:12

Android 关闭 SELinux 释放权限限制

Android 关闭 SELinux 释放权限限制 接前一篇&#xff0c;后续收到客户需求想要关闭 SELinux 放开安全权限&#xff0c;SELinux 是 Linux 的一个安全子系统&#xff0c;SELinux 主要作用是最大限度地减小系统中服务进程可访问的资源&#xff0c;我们想要放开安全权限只需处理 …...

编程日记 2023/10/28 18:27:11

国际腾讯云自主拼装直播 URL教程！！！

注意事项 创建转码模板 并与播放域名进行 绑定 后&#xff0c;转码配置后的直播流&#xff0c;需将播放地址的 StreamName 拼接为 StreamName_转码模板名称&#xff0c;更多详情请参见 播放配置。 前提条件 已注册腾讯云账号&#xff0c;并开通 腾讯云直播服务。 已在 域名…...

编程日记 2023/10/28 18:24:08

AQS 为什么要使用双向链表？

双向链表 双向链表的特点是它有两个指针&#xff0c;一个指针指向前置节点&#xff0c;一个指针指向后继节点。所以&#xff0c;双向链表可以支持 常量 O(1) 时间复杂度的情况下找到前驱结点&#xff0c;基于这样的特点。双向链表在插入和删除操作的时候&#xff0c;要比单向链…...

编程日记 2023/10/28 18:23:07

Golang 自定义函数库（个人笔记）

1.用字符串连接切片元素&#xff08;类似php implode&#xff09; package mainimport ("fmt""strconv""strings" )func main() {data : []int{104, 101, 108, 108, 111}fmt.Println(IntSliceToString(data, ",")) }func IntSliceToS…...

编程日记 2023/10/28 18:21:04

openlayers 地图组件封装

openlayers 地图组件封装 <template><div class"mapBox"><!-- 地图 --><div ref"map" id"map" class"map"></div><!-- 点位弹窗 --><div id"popup" class"ol-popup">…...

编程日记 2023/10/28 18:20:03

【算法设计与分析】—— 分治算法

&#x1f383;个人专栏&#xff1a; &#x1f42c; 算法设计与分析&#xff1a;算法设计与分析_IT闫的博客-CSDN博客 &#x1f433;Java基础&#xff1a;Java基础_IT闫的博客-CSDN博客 &#x1f40b;c语言&#xff1a;c语言_IT闫的博客-CSDN博客 &#x1f41f;MySQL&#xff1a…...

编程日记 2023/10/28 18:19:02

Unable to find GatewayFilterFactory with name TokenRelay

目录 问题分析解决方案参考文档开源项目微服务商城项目前后端分离项目 问题分析 Spring Cloud Gateway 网关作为代理资源服务器&#xff0c;需要将 JWT 传递给下游资源服务器&#xff0c;下面是网关的配置 spring:cloud:gateway:discovery:locator:enabled: true # 启用服务发…...

编程日记 2023/10/28 18:18:01

竞赛 深度学习大数据物流平台 python

文章目录 0 前言1 课题背景2 物流大数据平台的架构与设计3 智能车货匹配推荐算法的实现**1\. 问题陈述****2\. 算法模型**3\. 模型构建总览 **4 司机标签体系的搭建及算法****1\. 冷启动**2\. LSTM多标签模型算法 5 货运价格预测6 总结7 部分核心代码8 最后 0 前言 &#x1f5…...

编程日记 2023/10/28 18:15:58

git基础及原理相关解析

git入门 结构基本操作help提交分支git merge和git rebase对比 拉取 git文档 结构 工作区&#xff1a;电脑目录中能看到的文件暂存区&#xff1a;使用git add *操作提交文件的位置&#xff0c;一般位于.git\index&#xff0c;这个文件里面存储了当前位于暂存区的所有文件的校验…...

编程日记 2023/10/28 18:14:57

【Python机器学习】零基础掌握isotonic_regression等渗回归

遇到了数据不一致的困扰吗？ 在市场分析、医疗研究或者其他数据密集型领域，经常会遇到一个问题：如何从一组不完全一致或者有噪音的数据中提取出有用的信息？例如，假设一家餐厅想要根据顾客的评分和消费金额来调整菜单。 顾客评分消费金额（元）顾客年龄访问次数4.21002533.…...

编程日记 2023/10/28 18:13:56

支持宏的文本编辑器提高生产力

场景 我们知道很多文本/代码编辑器支持宏的录制、重放、保存&#xff0c;甚至可以与快捷键命令结合的功能&#xff0c;快速实现重放宏的操作。 如果您的编辑器支持宏这项功能&#xff0c;请多使用 &#x1f603; 宏化自动步骤相当于对编辑器的自动化编程&#xff0c;宏录制可…...

编程日记 2023/10/28 18:11:53

JS中面向对象的程序设计

面向对象&#xff08;Object-Oriented&#xff0c;OO&#xff09;的语言有一个标志&#xff0c;那就是它们都有类的概念&#xff0c;而通过类可以创建任意多个具有相同属性和方法的对象。但在ECMAScript 中没有类的概念&#xff0c;因此它的对象也与基于类的语言中的对象有所不…...

编程日记 2023/10/28 18:10:52

云耀服务器L实例搭配负载均衡部署Linux 可视化宝塔面板

云耀服务器L实例搭配负载均衡部署Linux 可视化宝塔面板 1. 华为云云耀服务器L实例介绍 华为云云耀服务器L实例是一种高性能、高可靠性的云服务器实例&#xff0c;适用于大规模企业级应用、大数据分析等场景。它基于华为最新一代的硬件虚拟化技术&#xff0c;提供了更高的计算…...

编程日记 2023/10/28 18:09:51

mac pycharm配置autopep8

mac终端安装autopep8 pip install autopep8pycharm配置autopep8 在Pycharm中点击 File–Settings—Tools–External Tools, 点击图中绿色加号图标添加扩展工具&#xff0c;填写相关参数配置。 Name&#xff1a;Autopep8&#xff08;可以随便取&#xff09; Tools setting&…...

编程日记 2023/10/28 18:07:48

Vue $nextTick

我们用一个例子来说明$nextTick的作用&#xff1a; 我们用一个变量showIpt来控制input框的显示和隐藏&#xff0c;默认是隐藏。 我们点击一个按钮后显示这个输入框的同时&#xff0c;input还要自动获取焦点。 但是我们点击按钮过后并没有生效。 为什么&#xff1f;this.show…...

编程日记 2023/10/28 18:06:47

linux配置dns

服务器有网&#xff0c;ping IP 地址可以ping的通&#xff0c;但是ping网站域名ping不通&#xff0c;需要配置dns 使用公共dns服务器 1、设置dns服务器地址 vi /etc/resolv.conf 将谷歌的dns服务器地址添加到dns解析配置中 nameserver 8.8.8.8 nameserver 8.8.4.4 保存后&…...

编程日记 2023/10/28 18:05:46

12 原子性|可见性|有序性|JMM内存模型

1 并发三大特性 1.1 原子性 一个或多个操作&#xff0c;要么全部执行&#xff0c;要么全部不执行。Java中&#xff0c;对基本数据类型的变量的读取和赋值操作是原子性操作&#xff0c;但不采取任何原子性保障措施的自增操作不是原子性的&#xff0c;如&#xff1a;i public c…...

编程日记 2023/10/28 18:04:45

pytorch代码复现1（基础知识）

创建矩阵 全零矩阵 In [4]: import torch torch.__version__ xtorch.empty(5,3) xOut[4]: tensor([[0.0000e00, 0.0000e00, 4.6430e-23],[1.4013e-45, 1.2612e-44, 0.0000e00],[3.5733e-43, 0.0000e00, 0.0000e00],[0.0000e00, 0.0000e00, 0.0000e00],[0.0000e00, 0.0000e00, 0…...

编程日记 2023/10/28 18:03:44

PostGreSQL模式schema

问题引入 之前在做数据库设计时&#xff0c;经常会忽略schema模式&#xff0c;直接在数据库下的public模式下建立各类数据表。如果数据表命名不够规范&#xff0c;后期寻找某张表时就会比较麻烦。通过 所幸&#xff0c;PostgreSQL 的模式schema管理&#xff0c;可以对这个问题…...

编程日记 2023/10/28 18:02:41

大厂面试题-什么是JVM

JVM全称是Java虚拟机&#xff0c;在聊什么是JVM之前&#xff0c;我们不妨看⼀下这张图。 从这张图中可以看出JVM所处的位置&#xff0c;同时也能看出它两个作用&#xff1a; 1、运⾏并管理Java源码⽂件所⽣成的Class⽂件&#xff0c; 2、在不同的操作系统上安装不同的JVM&#…...

编程日记 2023/10/28 18:01:40

rest参数

Rest参数是ES6中新增的一个语法特性&#xff0c;也称为剩余参数。其语法形式为三个点&#xff08;...&#xff09;加上一个名称&#xff0c;用于表示函数的参数个数不确定&#xff0c;可以将多余的参数收集到一个数组中。Rest参数只能作为最后一个参数出现&#xff0c;且一个函…...

编程日记 2023/10/28 18:00:38

Hadoop3.0大数据处理学习3（MapReduce原理分析、日志归集、序列化机制、Yarn资源调度器）

MapReduce原理分析 什么是MapReduce 前言&#xff1a;如果想知道一堆牌中有多少张红桃&#xff0c;直接的方式是一张张的检查&#xff0c;并数出有多少张红桃。 而MapReduce的方法是&#xff0c;给所有的节点分配这堆牌&#xff0c;让每个节点计算自己手中有几张是红桃&#…...

编程日记 2023/10/28 17:59:38

JS DataTable中导出PDF中文乱码

JS DataTable中导出PDF中文乱码 文章目录 JS DataTable中导出PDF中文乱码一. 问题二. 原因三. vfs_fonts.js四. pdfmake.js五. 解决六.参考资料 一. 问题 二. 原因 DataTable使用pdfmake&#xff0c;pdfmake默认字体为Roboto&#xff0c;不支持中文字体。添加自己的字体&#…...

编程日记 2023/10/28 17:58:36