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

02.URL的基本知识和使用

news 2025/7/14 3:01:04

一.认识 URL

1. 为什么要认识 URL ?

虽然是后端给我的一个地址，但是哪部分标记的是服务器电脑，哪部分标记的是资源呢？所以为了和服务器有效沟通我们要认识一下

2. 什么是 URL ？

统一资源定位符，简称网址，用于定位网络中的资源（资源指的是：网页，图片，数据，视频，音频等等）

3. URL 的组成?

协议，域名，资源路径（URL 组成有很多部分，我们先掌握这3个重要的部分即可）

4. 什么是 http 协议 ?

叫超文本传输协议，规定了浏览器和服务器传递数据的格式（而格式具体有哪些稍后我们就会学到）

5. 什么是域名 ?

标记服务器在互联网当中的方位，网络中有很多服务器，你想访问哪一台，就需要知道它的域名才可以

6. 什么是资源路径 ?

一个服务器内有多个资源，用于标识你要访问的资源具体的位置

二.URL 查询参数

1. 什么是查询参数 ?

携带给服务器额外信息，让服务器返回我想要的某一部分数据而不是全部数据
举例：查询河北省下属的城市列表，需要先把河北省传递给服务器

2. 查询参数的语法？

在 url 网址后面用?拼接格式：http://xxxx.com/xxx/xxx?参数名1=值1&参数名2=值2
参数名一般是后端规定的，值前端看情况传递即可

3. axios 如何携带查询参数?

使用 params 选项即可
```
axios({url: '目标资源地址',params: {参数名: 值}
}).then(result => {// 对服务器返回的数据做后续处理
})
```
查询城市列表的 url地址：http://hmajax.itheima.net/api/city

参数名：pname （值要携带省份名字）

4. 需求：获取“河北省”下属的城市列表，展示到页面，对应代码：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>查询参数</title>
</head>
<body><!-- 城市列表: http://hmajax.itheima.net/api/city参数名: pname值: 省份名字--><p></p><script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script><script>axios({url: 'http://hmajax.itheima.net/api/city',// 查询参数params: {pname: '辽宁省'}}).then(result => {console.log(result.data.list)document.querySelector('p').innerHTML = result.data.list.join('<br>')})</script>
</body>
</html>

小结

1. URL 是什么？

 统一资源定位符，网址，用于访问服务器上资源

2. 请解释这个 URL，每个部分作用？

http://hmajax.itheima.net/api/news

协议://域名/资源路径

3. URL 查询参数有什么用？

浏览器提供给服务器额外信息，获取对应的数据

4. axios 要如何携带查询参数？

使用 params 选项，携带参数名和值在对象结构中

02.URL的基本知识和使用

一.认识 URL 1. 为什么要认识 URL ? 虽然是后端给我的一个地址，但是哪部分标记的是服务器电脑，哪部分标记的是资源呢？所以为了和服务器有效沟通我们要认识一下 2. 什么是 URL ？ 统一资源定位符，简称网址&#xff…...

编程日记 2024/3/7 9:07:03

人工智能指数报告2023

人工智能指数报告2023 主要要点第 1 章研究与开发第 2 章技术性能第 3 章人工智能技术伦理第 4 章经济第 5 章教育第 6 章政策与治理第 7 章多样性第 8 章舆论人工智能指数是斯坦福大学以人为本的人工智能研究所（HAI）的一项独立倡议&#xff0c…...

编程日记 2024/3/7 9:05:01

一、使用命令获取签名文件从系统源码环境中获取签名相关文件： platform.x509.pem、platform.pk8 、signapk.jar platform.x509.pem、platform.pk8 位于 ../build/target/product/security 目录下。signapk.jar 位于 ../out/host/linux-x86/framework 目录下。 …...

编程日记 2024/3/7 9:02:59

【系统安全加固】Centos 设置禁用密码并打开密钥登录

文章目录一，概述二，操作步骤1. 服务器端生成密钥2. 在服务器上安装公钥3.下载私钥到本地（重要，否则后面无法登录）4. 修改配置文件，禁用密码并打开密钥登录5. 重启sshd服务6. 配置xshell使用密钥登录一&am…...

编程日记 2024/3/7 8:59:57

关于我在项目中封装的一些自定义指令

什么是指令在Vue中提供了一套为数据驱动视图更为方便的操作，这些操作被称为指令系统。我们看到的v-来头的行内属性，都是指令，不同的指令可以完成或者实现不同的功能。除了核心功能默认内置的指令（v-model和v-show）…...

编程日记 2024/3/7 8:53:51

react经验11:访问循环渲染的子组件内容

前有访问单个子组件的需求，现在进一步需要访问循环渲染中的子组件。访问单个子组件的成员实施步骤子组件//child.tsx export declare type ChildInstance{childMethod:()>void } const Child(props:{value:stringonMounted?:(ref:ChildInstance)>void …...

编程日记 2024/3/7 8:51:48

Java开发工程师面试题（业务功能）

一、订单超时未支付自动关闭的几种实现方式。定时任务扫描：在订单创建时，为订单创建一个定时任务，并设置一个超时时间。后端服务器会定期检查任务的创建时间是否超过了超时时间。如果是，则将订单设置为关闭状态。这种方案需要后…...

编程日记 2024/3/7 8:50:47

BUUCTF-Misc-百里挑一

题目链接：BUUCTF在线评测 (buuoj.cn) 下载附件打开是一个流量包文件： 全是在传图片时候的流量，先把图片保存出来文件–>导出对象–>HTTP–>保存到一个文件夹然后使用kali下的exiftool找到了一半flag exiftool *|grep flag 另外一半…...

编程日记 2024/3/7 8:46:42

【力扣刷题练习】42. 接雨水

题目描述： 给定 n 个非负整数表示每个宽度为 1 的柱子的高度图，计算按此排列的柱子，下雨之后能接多少雨水。题目解答： class Solution {public int trap(int[] height) {int n height.length;int ans 0;if (n < 3)return…...

编程日记 2024/3/7 8:44:40

鸿蒙实战开发：数据交互【RPC连接】

概述本示例展示了同一设备中前后台的数据交互，用户前台选择相应的商品与数目，后台计算出结果，回传给前台展示。样例展示基础信息 RPC连接介绍本示例使用[ohos.rpc]相关接口，实现了一个前台选择商品和数目，后台…...

编程日记 2024/3/7 8:43:39

QLC SSD：LDPC纠错算法的优化方案

随着NAND TLC和QLC出现，LDPC也在不断的优化研究，提升纠错能力。小编看到有一篇来自Microchip发布的比较详细的LDPC研究数据，根据自己的理解分析解读给大家，如有错误，请留言指正！文档中测试LDPC（Low-Density Parity-Check）码是为了评估其在不同配置下对数据错误的有效…...

编程日记 2024/3/7 8:42:38

【Flutter 面试题】main()和runApp()函数在Flutter的作用分别是什么？有什么关系吗？

【Flutter 面试题】main()和runApp()函数在Flutter的作用分别是什么？有什么关系吗？ 文章目录写在前面解答补充说明写在前面关于我 ，小雨青年 👉 CSDN博客专家，GitChat专栏作者，阿里云社区专家博主&…...

编程日记 2024/3/7 8:41:37

ChatGPT高效提问——说明提示技巧

ChatGPT高效提问——说明提示技巧现在，让我们开始体验“说明提示技巧”（IPT, Instructions Prompt Technique）和如何用它生成来自ChatGPT的高质量的文本。说明提示技巧是一个通过向ChatGPT提供需要依据的具体的模型的说明来指导ChatGPT输出…...

编程日记 2024/3/7 8:38:32

从零学算法41

41.给你一个未排序的整数数组 nums ，请你找出其中没有出现的最小的正整数。请你实现时间复杂度为 O(n) 并且只使用常数级别额外空间的解决方案。示例 1： 输入：nums [1,2,0] 输出：3 示例 2： 输入：nums […...

编程日记 2024/3/7 8:36:29

FPGA高端项目：FPGA基于GS2971的SDI视频接收+OSD动态字符叠加，提供1套工程源码和技术支持

目录 1、前言免责声明 2、相关方案推荐本博已有的 SDI 编解码方案本方案的SDI接收转HDMI输出应用本方案的SDI接收图像缩放应用本方案的SDI接收纯verilog图像缩放纯verilog多路视频拼接应用本方案的SDI接收HLS图像缩放HLS多路视频拼接应用本方案的SDI接收HLS多路视频融合叠加应用…...

编程日记 2024/3/7 8:35:28

UML-类图详解

UML中基本概念说明 UML类图中关系连接线说明 UML类图说明号表示public、-表示表示private、#表示protected UML类关系详解泛化（Generalization）关系简单的讲就是类之间的继承关系。在UML中，泛化关系用空心三角形实线来表示&…...

编程日记 2024/3/7 8:33:25

Python 快速获取PDF文件的页数

有时在处理或打印一个PDF文档之前，你可能需要先知道该文档包含多少页。虽然我们可以使用Adobe Acrobat这样的工具来查看页数，但对于程序员来说，编写脚本来完成这项工作会更加高效。本文就介绍一个使用Python快速获取PDF文件页数的办法。安装…...

编程日记 2024/3/7 8:32:24

uniapp开发小程序使用x-www-form-urlencoded； charset=UTF-8 编码格式请求案例

使用x-www-form-urlencoded，header要放在前面，第一行位置。 uni.request({ header: { content-type: application/x-www-form-urlencoded; charsetUTF-8},url: ,method:POST, //请求方式POST\GETdata:that.loginData,success: funct…...

编程日记 2024/3/7 8:31:23

酷开科技服务升级，酷开系统给消费者更好的使用体验！

看电视的时候你是不是也会有选择困难症？不知道要看哪个？不知道如何操作？体验不够顺畅？现在，有了酷开系统9.2，这些通通不再是问题！酷开科技，一直致力于服务升级，给消费者更…...

编程日记 2024/3/7 8:30:23

【leetcode热题】单词拆分

难度： 中等通过率： 33.7%题目链接：. - 力扣（LeetCode） 题目描述给定一个非空字符串 s 和一个包含非空单词列表的字典 wordDict，判定 s 是否可以被空格拆分为一个或多个在字典中出现的单词。说明&#…...

编程日记 2024/3/7 8:26:19

生成xcframework

打包 XCFramework 的方法 XCFramework 是苹果推出的一种多平台二进制分发格式，可以包含多个架构和平台的代码。打包 XCFramework 通常用于分发库或框架。使用 Xcode 命令行工具打包通过 xcodebuild 命令可以打包 XCFramework。确保项目已经配置好需要支持的平台…...

编程新知 2025/7/8 18:20:22

装饰模式（Decorator Pattern）重构java邮件发奖系统实战

前言现在我们有个如下的需求，设计一个邮件发奖的小系统， 需求 1.数据验证 → 2. 敏感信息加密 → 3. 日志记录 → 4. 实际发送邮件装饰器模式（Decorator Pattern）允许向一个现有的对象添加新的功能，同时又不改变其…...

编程新知 2025/7/12 8:36:24

智慧医疗能源事业线深度画像分析（上）

引言医疗行业作为现代社会的关键基础设施，其能源消耗与环境影响正日益受到关注。随着全球"双碳"目标的推进和可持续发展理念的深入，智慧医疗能源事业线应运而生，致力于通过创新技术与管理方案，重构医疗领域的能源使用模式。这一事业线融合了能源管理、可持续发…...

编程新知 2025/7/13 9:54:16

无法与IP建立连接，未能下载VSCode服务器

如题，在远程连接服务器的时候突然遇到了这个提示。查阅了一圈，发现是VSCode版本自动更新惹的祸！！！ 在VSCode的帮助->关于这里发现前几天VSCode自动更新了，我的版本号变成了1.100.3 才导致了远程连接出…...

编程新知 2025/7/11 21:53:07

React Native在HarmonyOS 5.0阅读类应用开发中的实践

一、技术选型背景随着HarmonyOS 5.0对Web兼容层的增强，React Native作为跨平台框架可通过重新编译ArkTS组件实现85%以上的代码复用率。阅读类应用具有UI复杂度低、数据流清晰的特点。二、核心实现方案 1. 环境配置 （1）使用React Native…...

编程新知 2025/7/6 2:55:54

使用van-uploader 的UI组件，结合vue2如何实现图片上传组件的封装

以下是基于 vant-ui（适配 Vue2 版本 ）实现截图中照片上传预览、删除功能，并封装成可复用组件的完整代码，包含样式和逻辑实现，可直接在 Vue2 项目中使用： 1. 封装的图片上传组件 ImageUploader.vue <te…...

编程新知 2025/6/17 5:20:48

ETLCloud可能遇到的问题有哪些？常见坑位解析

数据集成平台ETLCloud，主要用于支持数据的抽取（Extract）、转换（Transform）和加载（Load）过程。提供了一个简洁直观的界面，以便用户可以在不同的数据源之间轻松地进行数据迁移和转换。…...

编程新知 2025/7/14 2:00:06

令牌桶滑动窗口-＞限流分布式信号量-＞限并发的原理 lua脚本分析介绍

文章目录前言限流限制并发的实际理解限流令牌桶代码实现结果分析令牌桶lua的模拟实现原理总结： 滑动窗口代码实现结果分析lua脚本原理解析限并发分布式信号量代码实现结果分析lua脚本实现原理双注解去实现限流并发结果分析： 实际业务去理解体会统一注…...

编程新知 2025/7/13 20:30:15

Caliper 配置文件解析：config.yaml

Caliper 是一个区块链性能基准测试工具，用于评估不同区块链平台的性能。下面我将详细解释你提供的 fisco-bcos.json 文件结构，并说明它与 config.yaml 文件的关系。 fisco-bcos.json 文件解析这个文件是针对 FISCO-BCOS 区块链网络的 Caliper 配置文件，主要包含以下几个部…...

编程新知 2025/7/7 17:01:50

浅谈不同二分算法的查找情况

二分算法原理比较简单，但是实际的算法模板却有很多，这一切都源于二分查找问题中的复杂情况和二分算法的边界处理，以下是博主对一些二分算法查找的情况分析。需要说明的是，以下二分算法都是基于有序序列为升序有序的情况&#xf…...

编程新知 2025/7/4 17:40:43