一，ois七层模型一，ois七层模型1为什么要分层2七层模型3七层总结二，协议，端口，的作用2.1协议作用2.2tcp/udp的区别2.3ARP协议的作用2.4客户端与服务端的作用2.5icmp与ping的区别2.6FTP协议端口2.7端口号的作用三，数据封装过程3.1数据封装过程 1为什么要分层1.1很多不同的厂家生产各种型号的计算机，它们运行完全不同的操作系统，但TCP/IP协议族允许它们互相进行通信。2七层模型2.1互联网的本质就是一系列的网络协议，这个协议就叫OSI协议（一系列协议），按照功能不同，分工不同，人为的分为七层。实际上这个七层是不存在的。没有这七层的概念，只是人为的划分而已

文章目录📋前言🎯为什么要封装axios？🎯如何封装axios？🎯对项目的axios进一步封装📝最后📋前言在之前的文章axios实战进阶练习——基于Vue3+Node.js+ElementPlus实现的联系人列表管理后台中，我们完成了这个基于Vue3+Node.js+ElementPlus实现的联系人列表管理后台的项目，其中项目的后端接口是用Node.js编写的，通过axios来获取接口，所以这篇文章我们来对这个axios进一步的封装。🎯为什么要封装axios？这是前端开发中非常经典一个操作，同时也是一个面试会被问道的技术点，接下来我们从以下几个原因来看看为什么要封装axios。代码复用和可维护

当我们自己绘制好pcb元器件后，就需要先将它导入到AD19中，然后再原理图中为元件添加封装。打开AD19后，点击右上角的设置按钮。2.接着从右边的分类中找到installedLibraries，来到这个界面。点击从文件安装。4.在文件路径中找到你所需的pcb元器件，文件类型选择AllFiles，如果是.pcbdoc文件要先转换为.PcbLib文件才能安装进AD19。5.安装成功后会出现这个界面。6.来到原理图，选择你的元器件，双击出现Properties7.点击里面的Footprint中的Add按钮。8.出现下面的界面后点击浏览9.选择自己需要的pcb元器件，点击确定。10.出现以下界面就成功

这里写目录标题一、子系统及其封装1.子系统的创建1.1通过Subsystem模块建立子系统1.2通过已有的模块建立子系统2.子系统的条件执行2.1使能子系统2.2触发子系统2.3使能加触发子系统3.子系统的封装3.1lcon&Ports选项卡的参数设置3.2Parameters&Dialog选项卡的参数设置3.3Initialization选项卡的参数设置3.4Documentation选项卡的参数设置一、子系统及其封装当模型的规模较大或较复杂时，用户可以把几个模块组合成一个新的模块，这样的模块称为子系统。子系统把功能上有关的一些模块集中到一起保存，能够完成几个模块的功能。建立子系统的优点是，

dnd-kit使用方法官网地址https://docs.dndkit.com/introduction/installation安装依赖npminstall@dnd-kit/corenpminstall@dnd-kit/sortable简单使用建议直接看官网，已经描述得很详细了：https://docs.dndkit.com/presets/sortable封装成组件使用效果展示typedataType={id:stringtitle:string}exportdefault()=>{const[list,setList]=useStatedataType[]>([])useEffect(()

可配合自定义表格进行操作数据，点击表格某一行进行抽屉展示，可上下页切换查看及功能操作，1.快捷键esc关闭抽屉，// 快捷键控制上下翻页  shiftKey+上键 上一页    shiftKey加下键 下一页  shiftKey加左键 开启弹框展示第一条数据   shiftKey加右键关闭弹框 上代码exportdefault{props:{//数组集合List:{type:Array,default:()=>[]},size:{type:Number,default:1200},//传入当前列表展示条数pageSize:{type:Number,default:0},//抽屉名称title:

一、axios的封装在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以我们的尤大大也是果断放弃了对其官方库vue-resource的维护，直接推荐我们使用axios库。如果还对axios不了解的，可以移步axios文档。安装npminstallaxios;//安装axios引入一般我会在项目的src目录中，新建一个request文件夹，然后在里面新建一个http.js和一个api.js文件。http.js文件用来封

Allegro-封装更新一、更新所有封装1、菜单栏-Place-UpdateSymbol-packagesymbol-Refresh二、更新单个封装1、空白处鼠标右击-ApplicationMode-placementEdit选中PlacementEdit模式，后选择需要更新封装的器件，右键选择Refreshsymbolinstance即可注意，右键在QuickUtilites->Refreshsymbol进行更新时和UpdateSymbols功能一致，是更新全部对应的封装

  近期做到的项目中有涉及到上传图片上传文件的需求，因为是pc管理后台，用到了element-plus框架，所以我也一起使用element-plus中的上传图片上传图片功能，并对它进行封装成一个组件，方便在多个地方使用。一、效果图1、上传文件、视频2、上传图片二、代码分析及全部代码  在这里上传图片和文件是分成了两个组件进行封装的，因为项目需求要求不一致，所以分开了，大家使用时有需要的话可以将它们合并到一起。1、上传文件相关代码template>divclass="upload_wrap">el-uploadv-if="!props.isDisableUpload"class="upload"

开发uniapp时需要封装接口,把下面三个js创建好文件夹扔进去就行了,然后需要再main.js中全局引用一下 importAppfrom'./App'importVuefrom'vue'importuViewfrom'@/uni_modules/uview-ui';importapifrom"network/api.js"importbasefrom'@/network/baseUrl.js'importrulefrom'@/network/rule.js'//importstorefrom'./store';Vue.use(uView);Vue.prototype.$rqt=api;Vue