计算机网络是通用，可编程的硬件组成的，并且这些设备可互连，并且可以传输不同类型的数据 计算机网络不是只有软件概念，还有硬件设备，例如：网卡，网线，路由器等等 网络作用范围：广域网（WAN），城域网（MAN），局域网（LAN） 计算机网络发展历史 ARPANET（1969年，美国国防部创建的单个网络） 三层结构互联网（现代互联网雏形，当时主要用于连接美国学校，实验室的计算机，主干网，地区网，校园网） 多层次ISP互联网（ISP指网络服务提供商（Internet Service Provider），常见网络服务提供商有中国移动，中国电信，中国联通等等） 多层次ISP互联网，分主干ISP（主要跨国通信），地区ISP（主要局部地区通信，例如广东移动，北京电信等等） 中国创建了多个公共互联网，例如：中国电信互联网（CHINANET），中国移动互联网（CMNET），中国联通互联网（UNINET），中国教育与科研计算机网（CERNET），中国科学技术网（CSTNET）等等 计算机网络层次结构（确保数据通信顺通，识别目标计算机的状态，数据是否存在错误） 层次结构大概分3个，网络应用，数据通信，物理网络 层次细分的话，有七层，也就是OSI七层模型（OSI国际标准定义的），而且每个层都是独立的（不干预其他层），只完成不同的工作 OSI七层模型：应用层（为计算机提供服务），表示层（数据处理），会话层（管理通信会话），传输层（管理通信连接），网络层（数据路由），数据链路层（管理节点之间的数据通信，例如传输数据到另一个局域网），物理层（计算机物理设备） OSI七层模型并没有成为广泛使用的标准，而是采用TCP/IP四层模型 TCP/IP四层模型：应用层（对于OSI七层模型的应用，表示，会话，HTTP协议），传输层（OSI七层模型的传输层，TCP/UDP协议），（OSI七层模型的网络层，IP/ICMP协议）网络层，（数据链路层和物理层，ARP/RARP协议）网络接口层 计算机网络性能指标 bps=bit/s，1秒多少比特位，比特率 时延：发送时延（数据bit除以bps），排队时延（数据等待被网络设备处理的时间），处理时延（数据到达目标机器后处理需要的时间），传输时延（传输路径除以bps） 总时延 = 发送时延+排队时延+传输时延+处理时延 往返时间RTT（Route-Trip Time）：数据报文在通信中来回一次的时间（可通过ping命令来查看RTT） 物理层（连接不同的物理设备，传输比特流） 物理层传输介质：双绞线（又分屏蔽和无屏蔽，区别就是增加了一层屏蔽层），同轴电缆，光纤（通过光传输，光纤内部是具有高折射率的纤芯，能折射光） 电缆使用铜作为传输介质，光纤通过光来作为传输介质 铜线中的电信号传播速度大约为2.3*10^8m/s 光纤中光信号的传播速度是2.0*10^8m/s 因此实质上电缆的传播速度比光纤快，因为光纤是利用光的反射来传输到远方的，实质光走的距离更长 但是电缆的铜在远距离的情况下，会导致衰减（主要有2个原因导致，介质损耗（通过电磁波传导，会在介质中产生电场的电荷规则排序，这会消耗能量）和导线损耗），需要通过中继器来延续信号 因此在跨市，跨城，跨省，跨国使用都是光纤（光纤的带宽比电缆好，也是一个原因），但是短距离，得益于电缆的传播速度，会更好，因此局域网内部大多使用电缆来传输（因为解析光信号，还需要个光信号调制调解器，计算机无法直接使用光纤传输的数据） 比特流：通过高低电平来表示比特流，来传输数据 信道（往一个方向传输信息的媒体，一个通信电路最少要有一个发送信道和接收信道） 信道的分类：单工通信信道（只能往一个方向通信的信道，没有反馈的信道，例如电视机的电视闭路线），半双工通信信道（可以发送和接收信息，但是不能同时发送，同时接收），全双工通信信道（可以同时发送，同时接收） 物理层会实现信道分用复用技术（提升信道的利用率） 频分复用，时分复用，波分复用，码分复用 数据链路层（封装成帧，透明传输，差错监测） 数据帧：数据链路层中数据的基本单位，数据发送方会在网络层的一段数据的前后添加特定标记，而这一段数据就是数据帧，数据接收方根据特定标记来识别数据帧，是数据链路层内部数据处理成帧 数据帧也分MAC帧（没有帧尾，因为MAC帧之间是96比特时间，帧头也是没有的，而是让物理层给MAC帧添加8bts的前导码），PPP帧（有帧头和帧尾，帧头到帧尾就是这个帧的长度） 封装成帧：数据链路层会将网络层交付的数据报文添加帧头和帧尾，让其成为帧 帧头和帧尾都是特定的控制字符（比特流），帧头（SOH）：00000001，帧尾（EOT）:00000100 透明传输：数据链路层对网络层提供的数据没有限制（控制字符在帧数据中，但是不会去当成数据去处理，就好像帧头和帧尾不存在一样） 字节填充（对数据内部的数据填充ESC转义字符），比特填充（零比特填充法：在每5个连续的1后面插入比特0） 数据链路层规定了帧的数据的长度限制，就是最大传输单元MTU（Maximun Transfer Unit） 以太网的MTU（MAC帧）是1500字节 路径MTU：由链路中MTU的最小值决定 差错监测：因为物理层只负责传输比特流，没有控制出错的功能，因此数据链路层提供了差错监测的功能 奇偶校验码：在发送的每个字节后加上一位，让字节中为1的数可以是奇数或者偶数，通过奇偶校验来确定数据是否出错，具体可以看https://xiaochenabc123.test.com/archives/77.html这篇文章，讲TCP的可靠性那里 奇偶校验码的缺点就是如果发生2位的出错，就无法校验出来错误 循环冗余校验码CRC（根据传输或者保存的数据来产生固定位数的校验码，校验码再附加到数据的后面） 模二除法：通过异或来表示0或者1，例如00就是0，01就是1，异为1，或为0 选择用于校验的多项式，并且在数据后面添加多个0，添加多个0的数据，通过模二除法来除以校验的多项式的位串，得到的余数将填充到原来数据的添加多个0的位置，来得到可校验的位串 假设校验的多项式为X3+X2+1，那么就是原数据后面添加3个0（添加多少个0取决多项式的最高阶，二进制位的最高位也取决于最高阶（最高幂次）二进制位数等于最高阶+1，这里就是表示的二进制位为4位的二进制数），二进制位串位计算就是1x3+1x2+0x1+1x0，就是1101 例如原数据为1010110，CRC校验码计算就是1010110000除以1101，得到的余数0001就是CRC校验码，在将原来填充0的位置填充CRC，就是10101100001，这个比特流就是要传输的数据 接收数据进行校验通过，传输的数据除以位串，来得到余数，根据余数来进行判断校验（余数为0则表示数据正确） 数据链路层只检测数据的错误，不会进行数据的纠错，数据错了，数据链路层将会丢弃错误的数据或者重新传输数据 MAC地址（物理地址，硬件地址，每个设备都有唯一的MAC地址，用48个比特位来表示，使用16进制） MAC地址表：映射MAC地址到硬件接口上 以太网协议是数据链路层的协议，以太网协议是局域网技术，以太网协议用于完成相邻设备的数据帧传输 网络层（数据路由，数据在网络传输的路径，跨局域网，跨节点） 路由器的顶层是网络层，没有使用到传输层和应用层 网络层的ip协议，子网划分 虚拟互连网络（物理网络复杂，使用IP协议时，将无需关心物理网络的差异） 网络层利用IP协议来将使用IP协议的计算机连接起来，就好像这些计算机只需要连接一个虚拟互连网络一样，无需关心底层经过了哪些网关，路由器，ISP等等，将专注于数据的转发工作 IP协议 IP地址（v4只有32位，v6有128位），ipv4使用点分十进制表示，使用4组从0到255的数字表示ip地址，ipv6使用冒分十六进制，用8组4位的16进制表示ipv6地址...

计算机发展历史 1946-1957，电子管计算机，1957-1964，晶体管计算机，1964-1980，集成电路计算机，1980-至今，超大规模集成电路计算机 电子管计算机：二战时期，英国为了破译德国的无线电密文，而发明了电子管计算机，最出名的电子管计算机莫过于埃尼阿克（ENIAC），埃尼阿克是美国军方为了计算弹道而诞生的，埃尼阿克长30多米，高2.4米，宽6米，拥有18000多个电子管，70000个电阻，10000个电容，1500个续电，6000多个开关，运行耗电150千瓦，重30吨，占地1500平方英寸（140平方米），造价48万美元，运算速度每秒5000次 电子管计算机特点：集成度低，占空间大，功耗高，操作复杂（更换程序需要接线） 晶体管计算机：诞生原因是因为贝尔实验室发明晶体管，1956年诺贝尔物理奖授予贝尔实验室发明晶体管的科学家，第一台晶体管计算机TX-0诞生于MIT的林肯实验室，当时的最强晶体管计算机PDP-1具备4k内存，每秒可执行20万条指令，具备512x512显示器（也是世界第一个显示器，也因为这个计算机携带了显示器的原因，而诞生了世界第一款电子游戏，太空战争） 晶体管计算机特点：对于电子管计算机来说，集成度高，空间占据小，功耗比电子管低，运行速度快 集成电路计算机：诞生原因是因为德州仪器的工程师发明了集成电路（IC），操作系统也因为集成电路计算机的出现而诞生，当时为了解决IBM的2款集成电路计算机（7094和1401）所编写的程序无法相互兼容，IBM而推出了System/360（操作系统雏形） 超大规模集成电路计算机：芯片集成超大规模的集成电路 微型计算机发展历史：因为集成电路计算机的诞生，计算机逐渐从庞然大物变成小型，乃至微型，1971到1973年，500khz频率的微型计算机（8位），1973到1978年，高于1mhz的微型计算机（8位），1978到1985年，500mhz的微型计算机（16位），1985到2000年，高于1ghz的微型计算机（32位），2000年到至今，高于2ghz的微型计算机（64位） 摩尔定律：当价格不变的情况下，集成电路的性能，会每18至24个月提升一倍 后来因为集成电路太密集，热损耗也越来越高，无法解决，摩尔定律也因此失效 因为摩尔定律的失效，单核已到瓶颈，转而搞多核CPU，2005年，英特尔发布了奔腾系列的双核CPU，AMD也发布了速龙系列的双核CPU，2006年，英特尔发布酷睿四核CPU，至今AMD的服务器级霄龙处理器CPU可以高达64核，而且基准频率（单核频率）可以达到2Ghz以上 计算机的分类 超级计算机：功能最强，运算最快，存储容量最大的计算机，用于天气预报，海洋监测，生物制药，科学计算，航天等等需要超大运算的领域，衡量超级计算机的单位是TFlop/s（每秒一万亿次浮点计算） 著名的超级计算机有Summit，神威太湖之光，天河一号，天河二号，Sierra 天河二号位于广州大学城的中山大学校区的国家超级计算机广州中心 大型计算机：又被称为大型机，大型机面向大型商业公司，维护成本高，硬件不易扩展，IBM占据大型机的大片市场，IBM为IOE中的I（计算机提供商） 迷你计算机（服务器）：目前已替代大型机，为企业主要计算顶梁柱 工作站：高端微型计算机，面向需要强性能的专业工作者（例如图形，视频） 微型计算机（个人计算机）：又分为台式计算机，笔记本计算机，一体化计算机 计算机体系和结构 冯诺依曼体系：将指令和数据一起存储的计算机设计概念结构，使用通用电路设计，而不是使用专用电路，将指令存储，再将指令编译成通用电路可理解的程序 冯诺依曼体系要求具备存储器，控制器，运算器，输入/输出设备 冯诺依曼体系要求能将程序和数据发送给计算机（输入），能长期存储程序，数据，计算过程，计算结果的功能（存储器），具备算术，逻辑处理和数据传送等数据处理功能（运算器和控制器），并且能将处理结果反馈给用户（输出） 冯诺依曼瓶颈：CPU和存储器速率之间无法调和，导致CPU空转等待数据传输 现代计算机都是基于冯诺依曼体系的（解决冯诺依曼瓶颈），存储器和运算器，以及控制器整合在一起（就是CPU），CPU内部的存储器更高速（寄存器） 计算机层次和编程语言 程序编译和程序解析（计算机无法理解人类语言），需要进行语言（高级语言对低级语言）的转换 高级语言生成低级语言的过程叫程序编译，而生成的工具叫编译器 常见的编译型语言有C，C++，Golang 高级语言作为输入，低级语言接收输入，从而达到高转低的目的，这个过程叫程序解析，而这个低级语言接收的工具叫解析器，解析器必须是用低级语言编写的 常见的解析型语言有Python，PHP java是编译+解析语言，因为它会将源程序编译成JVM字节码，JVM虚拟机再将JVM字节码再解析成机器码，java的跨平台就是因为JVM虚拟机解析器 计算机的层次：硬件逻辑层，微程序机器层，传统机器层，操作系统层，汇编语言层，高级语言层，应用层 硬件逻辑层：由门电路和触发器等逻辑电路组成 微程序机器层：由微指令组成的微程序直接交给硬件执行 传统机器层：CPU指令集，不同架构CPU使用不同的CPU指令集 这3层都为机器硬件层，一个指令就是一个微程序，也是一组微指令 操作系统层：向上提供操作界面，向下对应指令系统，管理硬件（例如分配内存空间） 汇编语言层：汇编语言可以直接编译成机器语言，完成翻译的工具叫汇编器 高级语言层：高级语言 应用层：应用软件 计算机的计算单位 容量单位 在物理层次，用高低电平来记录信息（低电平为0，高电平为1，一个0/1的位被叫为bit（比特位）） 1字节（Byte）等于8bit 1Kb（千字位）等于1024字节（Byte） 1mb（兆字节）等于1025kb（千字节） 1Gb（吉字节）等于1024mb（兆字节） 1tb（太字节）等于1024gb（吉字节） 1pb（拍字节）等于1024tb（太字节） 1eb（艾字节）等于1024pb（拍字节） 1024是2的10次方 对于硬盘制造商来说，使用10进制，也就是硬盘制造商认为1000G才是1tb 因此实质硬盘容量为购买标注的容量（例如240G）乘以1000的3次方，再除于1024的3次方，得到的数就是实质硬盘的容量 原因是硬盘制造商为了记录硬盘的扇区，使用人类可理解的10进制，而不是2进制 速度单位 网络速度 网络传输数据的单位为Mbps 因此100M宽带就是指100Mbit/s，每秒传输100Mbps 100Mbit换算字节就是100/8，也就是12.5MB，因此100m宽带峰值每秒可以传输12.5mb CPU速度（CPU的时钟频率，Hz） Hz是每秒中的周期性变动重复次数的计量 例如 3.30 GHz的CPU，就是3.3*1000^3Hz，也就是每秒可以达到33亿次的高低电平变化 计算机的字符和编码集 字符编码集的历史 ASCII码：ASCII码包含95个可打印字符和33个不可打印的字符（例如控制字符），用7个bits表示一个ASCII码（95+33就是128，也就是2的7次方） 因为ASCII码无法满足需求（例如π），而推出了Extended ASCII码，由原来的7个bits变成8个bits，也就是支持256个字符...

PWA，Progressive Web App（渐进式web应用），PWA技术可以将web应用具备接近原生应用的特性和用户体验，无需额外安装，支持离线缓存，消息推送等功能 PWA由Service Worker，Promise，fetch，cache Api，Notification Api等技术组成 Service Worker：服务工作线程，独立于主线程，常驻内存，代理网络请求，依赖HTTPS通信 注册Service Worker navigator.serviceWorker.register('./sw.js',{scope: '/'}).then( registration => { console.log(registration) },error => { console.error(error) } ) window.onload = function() { document.body.append('PWA!') } sw.js const cachename = 'v1' self.addEventListener('install', function (event) { console.log('install',event) // 安装新的Service Worker脚本时触发，只有Service Worker脚本不同，会认为是不同的Service Worker版本 event.waitUntil(new Promise(resolve =>{ setTimeout(resolve, 1000) // 安装新的Service Worker脚本后等待1秒后激活该脚本 })) // event.waitUntil(self.skipWaiting) // 强制停止老的Service Worker，激活启动新的Service Worker，只要有更新就激活新的 event.waitUntil(caches.open(name).then(cache =>{ cache.addAll([ '/', './1.img' ]) })) // 开启cache api缓存系统 }) self....

ECharts是基于JavaScript的数据可视化图表库 安装 npm install echarts --save 第一个实例 import * as echarts from 'echarts' let app = echarts.init(document.getElementById('app'), null, { width: 800, height: 500 }) let data = { title: { text: '用户管理' }, tooltip:{}, legend: { data: ['用户'] }, xAxis: { data: [ 'root','admin','user1','user2','user3' ] }, yAxis: {}, series: [ { name: '用户权限', type: 'bar', data: [ 10,8,5,1,3 ] } ] } app.setOption(data) 注意：容器必须具备高度和宽度（这里的容器的id为app），要么html指定，要么在初始化时指定一个

nuxt是一个基于vue的应用框架，用于创建服务端渲染应用，使用vite作为打包器，使用webpack作为构建工具 创建项目 yarn create nuxt-app test 需要做一些选择，例如：选择TypeScript，选择Yarn，选择UI框架等等 安装依赖 yarn 启动项目 yarn dev 构建打包 yarn build yarn start 启动测试环境 yarn test