前端protocol常见 网络
网络层
网络层 传输报文称为数据包 IP数据包格式 IP数据包格式（分为20字节的固定部分，表示每个ip数据包必须包含的部分，和40字节的可变长部分） 版本号（4bit）：指IP协议版本。并且通信双方使用的版本必须一致，目前我们使用的是IPv4，表示为0100 十进制 是4 首部长度（4）：IP数据包的包头 ......
【网络】【TCP】拔掉网线后， 原本的 TCP 连接还存在吗？
1 前言 这节我们来看个问题，就是 拔掉网线后， 原本的 TCP 连接还存在吗？ 可能有的同学会说，网线都被拔掉了，那说明物理层被断开了，那在上层的传输层理应也会断开，所以原本的 TCP 连接就不会存在的了。就好像， 我们拨打有线电话的时候，如果某一方的电话线被拔了，那么本次通话就彻底断了。 真的是 ......
【网络】【TCP】HTTPS 中 TLS 和 TCP 能同时握手吗？
1 前言 这节我们来看个问题，就是 HTTPS 中 TLS 和 TCP 能同时握手吗？ 通常情况下，HTTPS 建立连接的过程，先进行 TCP 三次握手，再进行 TLS 四次握手，比如，下面这个 TLSv1.2 的 基于 RSA 算法的四次握手过程： 不过 TLS 握手过程的次数还得看版本。 TLS ......
前端高手进阶
前端高手进阶├──文档 ├──[3170] 开篇词:带你一起筑建前端工程师的“护城河”.md 15.37kb ├──[3171] 第01讲:你真的熟悉 HTML 标签吗？.md 20.50kb ├──[3172] 第02讲:如何高效操作 DOM 元素？.md 24.48kb ├──[3173] 第0 ......
前端性能优化方法与实战
目录:01 开篇词 开启刻意练习之路，进阶前端性能技术专家.mp402 01 体系总览:性能优化体系及关键指标设定.mp403 02 性能瓶颈点:从 URL 输入到页面加载整过程分析.mp404 03 案例分析:移动端 M 站性能优化落地注意事项.mp405 04 指标采集:首屏时间指标采集具体办法 ......
web前端 第六天总结
案例1：函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do ......
助教工作总结（网络安全技术）
###一、助教工作的具体职责和任务 * 负责课后作业、实验的批改和统计 * 提前对实验进行验证并实现 * 对于一些实验需要提前录制视频，以供学生参考 * 在云班课上发布课后作业 * 对同学的疑问进行解答 ###二、助教工作的每周时长和具体安排 * 主要是每周的课后作业的批改，需要对各个同学的实验结果 ......
前端Vuer，请收好这份《Vue组件单元测试》宝典，给自己多一些安全感
大家好，我是 Kagol。
作为一名前端，在做业务开发的过程中，你是否曾经：
- 因为担心上线之后出bug，而反复手工验证自己负责的模块
- 不敢修改现有的“屎山”（别人写的或者是自己1年前写的）代码，从而不断地编写if/else
- 发现业务中有很多重复的代码，每次一改好多地方都要改，但又不敢... ......
web前端 第五天总结
案例1：js初体验 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title ......
前端封装时间选择器时的数据格式问题（JS闭包应用场景）
工作中遇到一个需求，需要同时支持一定长度时间段与自定义时间段。 时间选择框是一个下拉框，下拉框后面跟两个框分别显示起止时间，默认是禁用状态，下拉框有多个选项，比如一小时，三小时，六小时......最后一项是自定义时间段，选中后起止时间选择框将会解除禁用。 当选中一小时时，每次全新查询都要拿到当前时间 ......
计算机网络 笔记
* 五层网络协议 1. 应用层 (application layer)： 直接为应用进程提供服务。应用层协议定义的是应用进程间通讯和交互的规则。 不同的应用有着不同的应用层协议，如 HTTP协议（万维网服务）、FTP协议（文件传输）、SMTP协议（电子邮件）、DNS（域名查询）等。 2. 运输层(t ......
网络流学习笔记
## 前言 因为网络流非常的重要，并且之前的理解都比较模糊，模板什么的整理的也不全，所以写一篇博客用来整理网络流的知识。也是供自己复习使用。 ## 一些基本的定义 - 流量 ## 大致思路 网络流，其实就是一种在图上的带悔贪心，网络流有很多种做法，这里主要介绍dinic算法。 在网络流中，最重要的就 ......
前端操作方法
数组 方法参数操作返回值时间复杂度空间复杂度 push() 一个或多个元素 在数组末尾添加一个或多个元素，并返回新数组的长度 新数组的长度 O(1) O(1) pop() 无 移除并返回数组的最后一个元素 被移除的元素 O(1) O(1) unshift() 一个或多个元素 在数组开头添加一个或多个 ......
前端 手动全屏
手动点击设置全屏/退出全屏 html <div style="height:100%" v-if="isReloadData"> <div @click="fullScreen()">{{ isFullScreen ? '退出全屏' : '全屏展示' }}</div> </div> js expor ......
【图论，网络流】CF1525F Goblins And Gnomes
[Problem Link](https://codeforces.com/problemset/problem/1525/F) 你在打怪。你有一个 $n$ 个点 $m$ 条边的 DAG，接下来会有 $k$ 波怪来袭，第 $i$ 波怪有 $i$ 个，它们会各自选择走一条路径，要求它们所选的路径点不相 ......
前端坑
一、console.log 快照坑 console.log(res)、console.log(res.food) 其中在前端开发者工具中res的food值并不是后者打印出来的数据 原因：控制台打印对象，前端保存的是一个对象快照 解决：使用JSON.stringify(res) 二、 ......
linxu学习笔记-网络
[TOC] ### 经典的网络拓扑图 ![service life image][service_life] ### ifconfig 说明：network interfaces configuring，用来显示和配置 linux 内核中网络接口的网络参数。 注：用 ifconfig 命令配置的网卡 ......
wireshark网络抓包详解
一、简介 Wireshark是一款非常流行的网络封包分析软件，可以截取各种网络数据包，并显示数据包详细信息。 为了安全考虑，wireshark只能查看封包，而不能修改封包的内容，或者发送封包。 wireshark能获取HTTP，也能获取HTTPS，但是不能解密HTTPS，所以wireshark看不懂 ......
前端echarts组件问题合集（渲染、传参、高度...）
1、echarts环形图设置主标题text和副标题subtext在环形图中居中显示 可以通过设置主标题和副标题的textAlign来设置，title textAlign methods: { initChart() { let self = this; // {height:'250px'} 设置t ......
Socket | 大小端问题和网络字节序转换函数
不同 CPU 中，4 字节整数 1 在内存空间的存储方式是不同的。4 字节整数 1 可用 2 进制表示如下： 00000000 00000000 00000000 00000001 有些 CPU 以上面的顺序存储到内存，另外一些 CPU 则以倒序存储，如下所示： 00000001 00000000 ......
G1、生成对抗网络（GAN）入门
🍨 本文为🔗365天深度学习训练营 中的学习记录博客 🍖 原作者：K同学啊 🚀 文章来源：K同学的学习圈子 本周任务： 📌 基础任务： 了解什么是生成对抗网络（GAN） 学习本文代码，并跑通代码 🎈进阶任务： 调用训练好的模型生成新图像 一、理论基础¶ GAN，Generative Ad ......
CDN与前端技术
CDN（Content Delivery Network）是一种广泛应用于网络加速和内容分发的技术。它通过在全球各地部署服务器节点，将静态资源如图片、CSS和JavaScript文件等缓存到离用户最近的节点上，从而提供更快速和可靠的内容交付。在前理、前端与CDN的结合以及一些最/佳实践 ......
day03 常见运算符
# 1.运算符和表达式 ### 运算符： 就是对常量或者变量进行操作的符号。 比如： + - * / ### 表达式： 用运算符把常量或者变量连接起来的，符合Java语法的式子就是表达式。 比如：a + b 这个整体就是表达式。 而其中+是算术运算符的一种，所以这个表达式也称之为 ......
linux查看网络端口是万兆还是千兆
1、ethtoolethtool 网络接口名#ethtool em4(网络接口名)Settings for em4:Supported ports: [ TP ]Supported link modes: 10baseT/Half 10baseT/Full100baseT/Half 100baseT ......
前端文件打开并且读取内容展示
1. 函数封装 const onloadend1 = (e: any, a: any) => { const { graph } = FlowGraph const reader = new FileReader(); const fileList = fileRef1.value.files // ......
前端保存文件并且自定义内容的方法实现
1. 封装一个下载文件的函数 const downloadTxt = (fileName: any, content: any) => { let a = document.createElement('a'); a.href = 'data:text/plain;charset=utf-8,' + ......
数据建设中常见名词解释
数据治理、数据资产相关理论知识名词概念 1. 基础理论知识 1.1数据 数据（Data），或称数据资源，是指所有能输入到计算机并被计算机程序处理的符号的介质的总称，是用于输入电子计算机进行处理，具有一定意义的数字、字母、符号和模拟量等的通称，是组成信息系统的最基本要素。 1.2大数据 大数据（Big ......
网络net服务名配置
网络net服务名配置 oracle 服务 连接其他服务器上的oracle服务器 需要配置net服务。如果需要连接169.254.10.121这台机器的oracle服务 服务端需要确认的信息 需要服务的端口号 默认是1521 需要让对方对1521这个端口进行放行，取消防火墙设置。 要进行测试网络是否通 ......
【网络】【TCP】TCP 连接，一端断电和进程崩溃有什么区别？
1 前言 这节我们来看个问题，就是 TCP 连接，一端断电和进程崩溃有什么区别？ 这个属于 TCP 异常断开连接的场景，这部分内容在我的「图解网络」还没有详细介绍过，这次就乘着这次机会补一补。 这个问题有几个关键词： 没有开启 keepalive； 一直没有数据交互； 进程崩溃； 主机崩溃； 我们先 ......