f12网络教程 客户端 服务端 服务器前端 后端

Ne0inhk

— 6 min read

文章目录

客户端 服务端 服务器 前端 后端

客户端（Client）——通信角色

在这里插入图片描述

请求发给谁了？所有客户端发请求时，请求的链接一定有 IP 和端口。

在这里插入图片描述


在这里插入图片描述
url里有 IP → 直接用，没有 IP → 调用 DNS 查域名 → 得到 IP
在这里插入图片描述


在这里插入图片描述

服务端（Server）–通信角色

在这里插入图片描述


在这里插入图片描述

服务器 程序运行的机器

在这里插入图片描述


在这里插入图片描述

前端（Front-end）——系统分层

在这里插入图片描述


在这里插入图片描述

前端不等于浏览器，浏览器 = 前端常见的运行环境之一

在这里插入图片描述


在这里插入图片描述

后端 – 系统分层

在这里插入图片描述


在这里插入图片描述


在这里插入图片描述

总结

在这里插入图片描述

Web 系统会叫前后端/非 Web 系统 一般都是客户端，服务端

在这里插入图片描述

程序&服务器

在这里插入图片描述

f12-》network(网络)->过滤->刷新-> XHR / Fetch-》点开其中一个请求

在这里插入图片描述

清空再操作: 如果请求太多，先点击 Network 面板的清空按钮，再操作页面

在这里插入图片描述

XHR / Fetch 面板里看到的请求 = 浏览器会向后端发的HTTP请求

在这里插入图片描述


在这里插入图片描述

XHR / Fetch XHR / Fetch 这个筛选器 = 只看“接口请求”，前端请求后端接口，就是：浏览器用来和后端接口“据”的方式

XHR = XMLHttpRequest

在这里插入图片描述

Fetch

在这里插入图片描述

XHR/Fetch 请求详情

payload 载荷
在这里插入图片描述
preview 预览
在这里插入图片描述
response
在这里插入图片描述
Initiator（启动器 / 调用来源）
在这里插入图片描述
Timing（时间）
在这里插入图片描述
Cookies（Cookie）
在这里插入图片描述
header 请求头
在这里插入图片描述

浏览器 Network 面板里都有哪些东西，以及 XHR/Fetch 和其他条目的区别

在这里插入图片描述

为什么 XHR / Fetch 才是前后端交互？

在这里插入图片描述


在这里插入图片描述

怎么在后端代码，搜请求的网址。搜path段，复制一部分关键的路径，都不到就在少复制一点

在这里插入图片描述


在这里插入图片描述

flask 类视图 怎么搜？ .ae_view(

浏览器 F12 看到一个请求 URL → 想在 Flask 代码里找到它对应的类视图

flask类视图讲解

在这里插入图片描述


在这里插入图片描述


在这里插入图片描述


在这里插入图片描述


在这里插入图片描述


在这里插入图片描述


在这里插入图片描述


在这里插入图片描述


在这里插入图片描述


在这里插入图片描述

Read more

Flutter 组件 activity_files 适配鸿蒙 HarmonyOS 实战：文件活动流治理，构建高性能存储沙箱访问与资产全生命周期管理架构

Flutter 组件 activity_files 适配鸿蒙 HarmonyOS 实战：文件活动流治理，构建高性能存储沙箱访问与资产全生命周期管理架构

欢迎加入开源鸿蒙跨平台社区：https://openharmonycrossplatform.ZEEKLOG.net Flutter 组件 activity_files 适配鸿蒙 HarmonyOS 实战：文件活动流治理，构建高性能存储沙箱访问与资产全生命周期管理架构 前言 在鸿蒙（OpenHarmony）生态迈向全场景分布式协同、涉及海量多媒体资产处理及严苛应用沙箱（Sandbox）隔离的背景下，如何实现一套既能穿透复杂的层级目录、又能实时追踪文件变更活动且具备极高 I/O 吞吐能力的存储治理架构，已成为决定应用性能广度与数据安全深度。在鸿蒙设备这类强调 AOT 极致性能与受限文件权限周期的环境下，如果应用依然采用陈旧的同步文件读取或缺乏活动追踪的直接 I/O，由于由于频繁的磁盘竞争，极易由于由于“主线程阻塞”或“资产状态不同步”导致用户在管理大型媒体库时发生明显的感知性卡顿。 我们需要一种能够解耦文件路径、支持异步流式追踪（Activity Tracking）且符合鸿蒙分布式文件系统安全范式的操作框架。 activity_files 为 Flutter 开发者引入了“

By Ne0inhk
Flume架构深度解析：构建高可用大数据采集系统

Flume架构深度解析：构建高可用大数据采集系统

Flume架构深度解析：构建高可用大数据采集系统 🌟 你好，我是 励志成为糕手 ！ 🌌 在代码的宇宙中，我是那个追逐优雅与性能的星际旅人。 ✨ 每一行代码都是我种下的星光，在逻辑的土壤里生长成璀璨的银河； 🛠️ 每一个算法都是我绘制的星图，指引着数据流动的最短路径； 🔍 每一次调试都是星际对话，用耐心和智慧解开宇宙的谜题。 🚀 准备好开始我们的星际编码之旅了吗？ 目录 * Flume架构深度解析：构建高可用大数据采集系统 * 摘要 * 1. Flume架构概览 * 1.1 整体架构设计理念 * 1.2 Agent生命周期管理 * 2. 核心组件深度解析 * 2.1 Source组件详解 * 2.1.1 Exec Source实现机制 * 2.1.2 Avro Source网络通信 * 2.2 Channel组件深度分析 * 2.2.1 Memory Channel内存优化策略 * 2.

By Ne0inhk
Spring Boot 数据缓存与性能优化

Spring Boot 数据缓存与性能优化

Spring Boot 数据缓存与性能优化 23.1 学习目标与重点提示 学习目标：掌握Spring Boot数据缓存与性能优化的核心概念与使用方法，包括数据缓存的定义与特点、Spring Boot与数据缓存的集成、Spring Boot与数据缓存的配置、Spring Boot与数据缓存的基本方法、Spring Boot的实际应用场景，学会在实际开发中处理数据缓存与性能优化问题。 重点：数据缓存的定义与特点、Spring Boot与数据缓存的集成、Spring Boot与数据缓存的配置、Spring Boot与数据缓存的基本方法、Spring Boot的实际应用场景。 23.2 数据缓存概述 数据缓存是Java开发中的重要组件。 23.2.1 数据缓存的定义 定义：数据缓存是一种存储机制，用于将常用数据存储在高速存储设备中，以便快速访问。 作用： * 提高应用程序的性能。 * 减少数据库的访问次数。 * 提高用户体验。 常见的数据缓存： * EhCache：Apache EhCache是一款开源的缓存库。 * Caffeine：

By Ne0inhk
黑马点评完整代码(RabbitMQ优化)+简历编写+面试重点 ⭐

黑马点评完整代码(RabbitMQ优化)+简历编写+面试重点 ⭐

简历上展示黑马点评 完整代码地址 微服务学成在线项目 前言 当初就是当作一个学习笔记和个人面试记录发的，没想到这么多人收藏浏览，还是感慨学Java的人确实多啊。 适合什么人看呢，我仅仅说说我个人的理解，因为我现在也是个经历秋招的双非学生。 1.初学者学习完Redis基础，想来个实战，黑马点评还是特别好的一个项目，基本包含了所有数据类型的运用和redis其他功能的扩展，这篇文章可以带你提炼重点，很好的走下流程。 2.但大部分人是冲着找实习和秋招去的，像我这种学历不高的秋招就不要写黑马点评了，即使包装，也会很容易看出来，我找实习的时候就被面试官问到这是不是黑马点评过，我们可以把其中的闪光点迁移到你找的其他项目中，比如缓存穿透雪崩击穿的解决方法，redisson分布式锁解决一人一单，这种在大多项目中都可以添加，自圆其说就行。 3.对于找实习的像大二，大三上的，想找个小厂试试手垂直向上升的，可以吃透它，面试官问你遇到的困难或者是你觉得难点，就可以重点讲一人一单这个解决方法和流程，越详细越好。 4.前提是大家不用直接用这套模板，太多人用了，这也是我从网上找的别人的，巧用AI让它改改项

By Ne0inhk