16张动图讲透网络原理

前言

图片

01趣味解读 什么是网络

img

网络其实存在于日常生活中的每一个角落。

你的电脑,打印机,手机,甚至电视等等都属于网络设备。通常,你需要将这些设备通过网络连接起来,这样就可以实现数据的传输和共享,让工作生活更加便捷。

img

如果你的连接没有问题,就可以通过电脑给打印机发送指令,让它帮你打印资料。

或者,将资料存储到你的本地服务器,当然,也可以发布文章或视频到互联网上。

或者,将资料存储到你的本地服务器,当然,也可以发布文章或视频到互联网上。

可问题是,虽然平时都在进行这些日常操作,可你却并没有意识到网络的存在,或者说,你并不太清楚这内部的工作流程与细节。你之所以可以通过网络浏览视频、下载资料、发送邮件或与朋友视频聊天,其实都是网络设备之间默契配合的结果。

1.交换机

那么,你靠什么来连接这些网络设备?

「交换机」同时需要配合设备线缆,即可实现设备间的互连互通。

图片

举个例子,公司办公室或学校教室里的电脑,大都可以使用网线来连接到墙上或其他位置的一个的网线接口中,而网线接口后面则是通过线缆又连接到了配线架上,这个配线架一般都放在一个单独的房间或柜子里面。

接着,只需要再将配线架和「交换机」相连,即可实现一个最基础的网络连接。

图片

对于「交换机」,普通的家庭用户可能鲜有耳闻,那是因为,你通常把线缆直接接到光猫或路由器上了,毕竟,你家中的网络设备相对较少。

但是对于一个企业或学校机构来说,它们的计算机非常多,对于线缆的管理也复杂起来,交换机就可以很好的解决这一问题。

图片

当然,如果你的设备并不是很多,你也可以直接将线缆连接到交换机上,具体情况还要根据你的设备与线缆的多少来决定的。

2.无线连接

现实情况就是,除了台式机,你最常用的就是移动设备了,手机,移动笔记本,平板电脑这些设备大都不需要使用线缆,也同样可以实现网络连接,这就是通过所谓的「无线连接技术(Wi-Fi)」,来实现的。

有了它,你就可以在 Wi-Fi 覆盖的范围内进行无线上网了。

图片

如果把无线设备也连接到交换机,你就可以实现在一个局部网络中共享有线与无线设备的内容了,比如,将手机上的信息传输到打印机以实现数据打印。

需要注意的是,无线连接与有线连接在数据传输速度上会有区别。

图片

我在公司的对于移动设备的使用情况是这样的,当我坐在办公位上办公,我会使用有线连接,毕竟这样速度更快。

但如果要开会的话,我就会把电脑网线拔了,拿着赤裸裸的笔记本去会议室,然后连接到无线网络。

图片

3.网络协议

无论通过哪种方式进行连接,你的最终目的,是要将信息从一台设备发送到另一台设备,因此,发送方和接收方必须相互理解才行,这就需要它们在网络中说相同的语言。

虽然你并不需要担心这个问题,毕竟设备之间基本都知道该如何组织数据并进行处理和发送。

究其根本,就是因为他们都遵循了同一套规则,就称这套规则为「协议」。

图片

协议,就是「给双方制定的通讯规则」,这意味着双方想要默契配合,就必须遵循这些协议,也正因如此,若一方出现问题,你可以快速准确的定位到问题所在位置。

在计算机网络中,那些设计网络软件和硬件的工程师会严格遵循这套 「协议」,这样才能保证它们再网络中的畅通无阻。

你可能听说过诸如 「以太网」 之类的协议,你也可能听说过 「TCP」协议,或「HTTP」协议,或「SMTP」协议,后续章节会详细讲解…… 无论哪种协议,其最终目的,都是为了完成数据交互。

通常,都会将几种协议结合使用以完成一项任务。

4.总结

网络的作用就是将设备连接在一起,可以让设备之间进行资源共享、信息交流等功能。

网络设备之间需要说共同的语言,遵循相同的规则,就称之为「协议」,它指的就是一组有关设备如何处理信息的指令。

5.小测试

计算机连接到网络的两种方式分别是什么?多个网络设备之间通常使用什么设备进行统一连接?

当你想通过一台计算机与另一台计算机交互,会应用到哪些协议?

图片

02趣味解读 网络类型又是什么

网络中的节点是什么?
根据网络节点的不同,你可以构建哪些网络类型?
在你的日常生活中,不同网络类型的实际应用场景?

1.网络节点

连接到网络中,并且能够通过通信通道发送、接收或转发信息的设备,你都可以称其为一个「网络节点」。

比如交换机、路由器、电脑、打印机、手机等,都属于网络中的一个节点。

2.Soho网络

图片

只有几个节点的小型网络,可以称之为「soho网络」,小型办公室或家庭办公室中构建的网络都属于「soho网络」。

通常是只有几台电脑,打印机,几部手机和平板电脑的小范围内的网络环境。

图片

值得一提的是,人们经常把「交换机」说成是「中央集线器」,也确实,交换机长得的确集线器,但是这里你请记住,交换机和集线器是完全不同的东西。

图片

在soho网络中,通常使用路由器来完成网络连接,因为现代的路由器大多集成了路由器、交换机的功能,但通常因为路由器的接口很少,因此你只能接入少量节点设备实现网络共享。

3.局域网(LAN)

图片

但其实在一个公司企业里面,很明显光有一台路由器,一台交换机是远远不够的。

例如,一个地方银行企业,他们的网络设备可能遍布几个楼层、甚至跨越多栋楼房,此时,将此规模的网络设备连接在一起的网络,就称之为 「局域网(LAN)」。

图片

其实,soho网络也属于局域网,只不过soho网络连接了少数设备。

而在企业网络中,你将需要使用多台交换机与路由器的链接,可以理解为,就是将多个soho网络连接在一起的较大的网络结构。

图片#pic_center

4.广域网(WAN)

虽然局域网技术可以让一个较大区域内的网络节点实现互连互通与信息共享,但如果这个区域再扩大,跨越了城市,跨越了地区该怎么办?

比如一个跨地区的银行企业,通常不会只在一个地区有办公楼,可能在全国各个地区都会有自己的办公楼。

此时,银行网络变得非常巨大,即使距离遥远,银行企业也想实现让所有的这些网络都连接在一起,此时,就需要使用到新的网络构建技术 「广域网(WAN)」。

图片

举个例子,假如有一家跨国公司在悉尼和墨尔本都有分公司,你在悉尼的办公室分享了数据,在墨尔本的办公室想要获取这些数据,在这个过程中,你就需要联系服务提供商来帮助,来实现远距离数据的交互。

5.总结

soho网络:通常适合家庭或小型办公室 局域网LAN:适合多个楼层的网络架构
城域网MAN:适合10~100km范围内的网络架构
广域网WAN:适合100km以上,通常是跨越国家与地区的大型网络架构

6.小测试

你在一家财务部门、工程部门、管理部门各有一个局域网LAN的公司工作,三个部门的局域网都连接在一起,这个网络仍然是局域网LAN吗?

除了总公司,该公司还有六个分公司,那么这家公司的网络连接类型属于哪种网络?

CSDN大礼包:《黑客&网络安全入门&进阶学习资源包》文末免费下载🎁

1️⃣零基础入门

① 学习路线

对于从来没有接触过网络安全的同学,我们帮你准备了详细的学习成长路线图。可以说是最科学最系统的学习路线,大家跟着这个大的方向学习准没问题。

img

② 路线对应学习视频

同时每个成长路线对应的板块都有配套的视频提供:

img

因篇幅有限,仅展示部分资料

2️⃣视频配套资料&国内外网安书籍、文档

① 文档和书籍资料

img

② 黑客技术

img

因篇幅有限,仅展示部分资料

3️⃣网络安全源码合集+工具包

img

4️⃣网络安全面试题

面试题

链接领取

上述所有资料 ⚡️ ,朋友们如果有需要全套 📦《网络安全入门+进阶学习资源包》,可以扫描下方二维码免费领取 🆓
或者

点此链接】领取

<think>嗯,用户之前问过绿萝是否需要太阳光,现在又让我帮忙画一张动图。看起来他们可能需要一个动态的示意图或者教程,可能和之前的植物养护相关?不过也可能他们只是想生成一个简单的动画,比如绿萝生长的过程? 首先,我需要确认用户的具体需求。他们提到的“动图”是指GIF吗?还是其他格式?如果是GIF,可能需要使用工具或编程库来生成。但用户现在是在聊天环境下,不能直接生成文件,只能提供步骤或方法。 然后,用户可能不具备编程背景,所以需要简单易懂的指导。可能需要推荐在线工具,比如GIPHY、Canva,或者使用PPT制作动图。另外,如果是技术用户,可能需要Python的matplotlib或PIL库的代码示例。 还要考虑用户的使用场景,是用于演示、教学,还是社交媒体?如果是绿萝生长,可能需要分步骤的图片合成,或者使用屏幕录制工具。如果是数据可视化,可能需要用编程的方法。 另外,用户可能没有明确说明动图的内容,是否需要基于之前的问题(绿萝光照)来设计动图?比如展示不同光照条件下的绿萝生长情况?这时候需要更多的信息,但用户可能希望得到通用的方法。 最后,需要确保回答符合之前的系统指令,使用正确的中文格式,分步骤说明,结构清晰。可能需要分点列出不同的方法和工具,帮助用户选择最适合他们的方式。</think>受限于当前平台的纯文本交互模式,我无法直接生成或上传动态图像文件。但可以为您提供**专业级动图制作方案**,包含技术路线、工具选择和关键参数设置: --- ### **一、技术方案选择** | 需求类型 | 推荐工具 | 核心优势 | |----------------|-------------------------|-----------------------------------| | 数据可视化动图 | Python Matplotlib | 精准控制帧率(≥24fps)、支持矢量输出 | | 科普演示动画 | Blender | 光子追踪渲染、物理引擎模拟 | | 简易GIF制作 | Photoshop时间轴 | 图层精准对齐、支持LZW压缩优化 | | 代码生成动图 | Manim数学动画引擎 | 自动生成贝塞尔曲线过渡 | --- ### **二、Matplotlib制作科学动图示例代码** ```python import numpy as np import matplotlib.pyplot as plt from matplotlib.animation import FuncAnimation # 初始化画布 fig, ax = plt.subplots(figsize=(10,6)) x = np.linspace(0, 4*np.pi, 200) line, = ax.plot(x, np.sin(x)) # 动画更新函数 def animate(frame): line.set_ydata(np.sin(x + frame/10)) return line, # 渲染参数设置 ani = FuncAnimation(fig, animate, frames=200, interval=50, blit=True) ani.save('wave.gif', writer='pillow', dpi=150, bitrate=1800, codec='libx264') ``` **关键参数说明**: - `interval=50`:帧间隔50ms(对应20fps) - `dpi=150`:印刷级输出精度 - `bitrate=1800`:平衡画质与文件大小 --- ### **三、专业级动图制作流程** 1. **分镜设计**(以科学演示为例): - 关键帧间隔≤0.5秒 - 标注式信息停留≥3秒 - 视觉焦点移动速度<30°/s(避免眩晕) 2. **色彩规范**: - 使用CIE Lab色彩空间调色 - 明度对比度>70% - 色盲友好配色方案(避免红绿同时使用) 3. **压缩优化**: ```bash # 使用FFmpeg进行无损压缩 ffmpeg -i input.mov -vf "scale=1280:-2" -c:v libx264 -crf 23 -preset veryslow output.mp4 ``` - CRF值18-28平衡质量(推荐23) - 关键帧间隔设为2秒(GOP=48) --- ### **四、格式选择指南** | 格式 | 适用场景 | 色彩深度 | 明度支持 | |--------|-------------------|----------|------------| | GIF | 简单图标动画 | 8bit | 支持 | | APNG | 高质量无损动画 | 24bit | 支持 | | WebP | 网页端高效传输 | 24bit | 支持 | | MP4 | 专业视频演示 | 32bit | 需alpha通道| --- ### **五、常见问题解决方案** 1. **边缘锯齿**: - 开启抗锯齿:`plt.rcParams['lines.antialiased'] = True` - 使用2倍超采样渲染后缩放 2. **颜色失真**: - 转换ICC配置文件(sRGB IEC61966-2.1) - 避免RGB→CMYK多次转换 3. **文件过大**: - 启用LZW压缩(GIF) - 设置关键帧智能间隔(x264参数`keyint=48`) --- 如需具体实现某个特定类型的动图(如科学原理演示、数据变化过程等),请提供更详细的需求描述,我可给出针对性更强的技术方案。对于非编程用户,推荐使用**Plotly在线编辑器**(支持50帧以下免费导出)或**Canva动画模板**(含2000+预设动效)。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值