<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[cmHuney的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/cmHuney</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; cmHuney]]></copyright><item><title><![CDATA[wireshark-----抓Http协议]]></title><link>https://blog.youkuaiyun.com/cmHuney/article/details/141434862</link><guid>https://blog.youkuaiyun.com/cmHuney/article/details/141434862</guid><author>cmHuney</author><pubDate>Thu, 22 Aug 2024 18:25:51 +0800</pubDate><description><![CDATA[也可以选中数据，右键选择“追踪流”-----“HTTP流”查看相关信息。3、在搜索框输入tcp （里面的200代表成功）http底层用到了tcp协议。2、打开启动wireshark。]]></description><category></category></item><item><title><![CDATA[wireshark-----TCP连接断开的四次挥手协议]]></title><link>https://blog.youkuaiyun.com/cmHuney/article/details/141434309</link><guid>https://blog.youkuaiyun.com/cmHuney/article/details/141434309</guid><author>cmHuney</author><pubDate>Thu, 22 Aug 2024 18:16:51 +0800</pubDate><description><![CDATA[当我们进行完三次握手的时候，连接完成了，那么我想要把这个连接断开，这就叫四次挥手。建立连接之后，服务器主动断开的。]]></description><category></category></item><item><title><![CDATA[wireshark-----TCP连接的3次握手协议]]></title><link>https://blog.youkuaiyun.com/cmHuney/article/details/141431800</link><guid>https://blog.youkuaiyun.com/cmHuney/article/details/141431800</guid><author>cmHuney</author><pubDate>Thu, 22 Aug 2024 17:34:03 +0800</pubDate><description><![CDATA[云服务器一般开放的是22端口，我的电脑也要有个端口监听，用这个端口去连接22端口云服务器，云服务器那边也会向我这个开放的端口回复相应的数据，我的电脑启用随机的端口，这个端口响应、回复都是基于同一个端口，三次握手同一个端口，也就是Src Port（Source Port）显示的内容。③包括请求的序列号，响应的序列号，这个序列号其实就是当我发一个信息给你，你回一个信息给我，我们约定一个数字，就相当于一个业务序列号了，就是我发送一个1过去，你回复一个1，证明是这笔业务本次的一个请求，用这个来确定。]]></description><category></category></item><item><title><![CDATA[wireshark-----ICMP协议]]></title><link>https://blog.youkuaiyun.com/cmHuney/article/details/141369700</link><guid>https://blog.youkuaiyun.com/cmHuney/article/details/141369700</guid><author>cmHuney</author><pubDate>Tue, 20 Aug 2024 22:25:50 +0800</pubDate><description><![CDATA[选中一条信息，看下方内容，第一行代表物理层的基本信息，第二行是链路层的基本信息（原物理地址，目标物理地址），第三行是基于IP协议的（原ip和目标ip），第四行是关于ICMP的相关描述。先启动一下wireshark，在命令窗口输入：ping  网关（刚刚查到的网关），可以看到wireshark中已经有了抓的包。代表我发ping数据包的时候，发到网关的时候，要检查网关的数据有没有被篡改过，校验完整性。代表我们发送的请求是request，8是代表发的请求包，0是代表响应。下面的就是id和序列号都会有相应的描述。]]></description><category></category></item><item><title><![CDATA[wireshark-----ARP协议]]></title><link>https://blog.youkuaiyun.com/cmHuney/article/details/141368772</link><guid>https://blog.youkuaiyun.com/cmHuney/article/details/141368772</guid><author>cmHuney</author><pubDate>Tue, 20 Aug 2024 22:06:04 +0800</pubDate><description><![CDATA[当你想上网，第一次去找网关的时候，因为你是广播的，黑客也会收到，此时黑客比网关给你确认消息的速度要快，这个时候你的电脑默认黑客的电脑是网关。那么此时你拿到的MAC地址是黑客的MAC地址，此时你是上不了网的，这个时候就是ARP欺骗。]]></description><category></category></item><item><title><![CDATA[wireshark----过滤器使用]]></title><link>https://blog.youkuaiyun.com/cmHuney/article/details/141367737</link><guid>https://blog.youkuaiyun.com/cmHuney/article/details/141367737</guid><author>cmHuney</author><pubDate>Tue, 20 Aug 2024 21:13:14 +0800</pubDate><description><![CDATA[你在你的电脑上访问www.jingdong，首先要跟京东的服务器建立连接，建立连接也就是发送个请求过去，syn表示连接请求的意思，如果收到了你的请求，他给你回复一个ack也就是确认的意思。6、比方说我们拨号成功，我们的电脑跟京东的服务器三次连接成功之后，我要发数据，发数据的话连接成功，每发一次数据或者说每做一件事情，我们会带一个标志叫fin标志，表示我把数据发给你，发完成了。9、在网络安全定位ip的时候还有一个方式叫ip.addr，表示只要ip在==后面，都显示出来。arp，http，dns或者是udp。]]></description><category></category></item><item><title><![CDATA[Wireshark抓包入门操作]]></title><link>https://blog.youkuaiyun.com/cmHuney/article/details/141367270</link><guid>https://blog.youkuaiyun.com/cmHuney/article/details/141367270</guid><author>cmHuney</author><pubDate>Tue, 20 Aug 2024 20:21:18 +0800</pubDate><description><![CDATA[5、点击“捕获”中的“选项”，在弹出的窗口中勾选上“在所有接口上使用混杂模式”（意思就是所有经过你网卡的所有数据包都能被抓到，它不会去校验你的MAC地址是否合法，方便网络安全人员在做信息排查的时候一个重要选项）2、输入ipconfig，可以看到显示以太网，自己电脑的ip和网关。6、点击“继续，不保存”，代表把显示的包都清掉，重新开始抓包。不勾选的话代表只接收正确的发到你网卡的数据，其他的包抓不到。1、win+R打开命令窗口，输入cmd进行回车。4、“文件”下方的按钮是红色，表示正在抓包。]]></description><category></category></item><item><title><![CDATA[抓包-----WireShark介绍]]></title><link>https://blog.youkuaiyun.com/cmHuney/article/details/141365302</link><guid>https://blog.youkuaiyun.com/cmHuney/article/details/141365302</guid><author>cmHuney</author><pubDate>Tue, 20 Aug 2024 18:41:42 +0800</pubDate><description><![CDATA[wireshark（前身Ethereal）是一个网络包分析工具，该工具主要是用来捕获网络数据包，并自动解析数据包，为用户显示数据包的详细信息，供用户对数据包进行分析。WireShark在网络安全当中是非常重要的，比如你的电脑被黑了，这个时候就要分析原因，是谁黑了你的电脑，他的IP是什么？如果你的电脑是Kali Linux系统，它自带wireshark工具，而Windows系统中默认没有安装该工具。普通使用者：学习网络协议的相关知识。网络管理员：用来检测网络问题。开发人员：为新的通讯协议除错。]]></description><category></category></item><item><title><![CDATA[vue---网络请求跨域解决方案]]></title><link>https://blog.youkuaiyun.com/cmHuney/article/details/141296510</link><guid>https://blog.youkuaiyun.com/cmHuney/article/details/141296510</guid><author>cmHuney</author><pubDate>Sun, 18 Aug 2024 11:24:53 +0800</pubDate><description><![CDATA[网络请求会产生跨域，不是每一个网络请求的地址或者说每个接口地址都一定能拿到数据。JS采取的是同源策略，同源策略是浏览器的一项安全策略，浏览器只允许js代码请求和当前所在服务器域名，端口，协议相同的数据接口上的数据，这就是同源策略。也就是说，当协议，域名，端口任意一个不相同时，都会产生跨域问题。]]></description><category></category></item><item><title><![CDATA[vue---Axios网络请求封装]]></title><link>https://blog.youkuaiyun.com/cmHuney/article/details/141286490</link><guid>https://blog.youkuaiyun.com/cmHuney/article/details/141286490</guid><author>cmHuney</author><pubDate>Sat, 17 Aug 2024 22:12:47 +0800</pubDate><description><![CDATA[封装是因为axios使用率实在是太高了，为了程序后期的可维护性，我们会把同样的东西放在一起，后期找起来会很方便，这就是封装的主要意义。在日常应用过程中，一个项目中的网络请求会很多，此时一般采取的方案是将网络请求封装起来。拦截器最常用，因为在发送网络请求之前和获取到网络请求给我们返回的数据之前都可能需要把这个请求给拦截一下，做一些额外的处理。拦截分为两类：①发送数据之前 ②获取数据之前。]]></description><category></category></item><item><title><![CDATA[vue---Axios网络请求]]></title><link>https://blog.youkuaiyun.com/cmHuney/article/details/141280207</link><guid>https://blog.youkuaiyun.com/cmHuney/article/details/141280207</guid><author>cmHuney</author><pubDate>Sat, 17 Aug 2024 20:33:58 +0800</pubDate><description><![CDATA[在网页中看到控制台显示参数缺失，请传递完整参数，此时参数是对的，出现这种问题是因为网络请求接收参数的方式并不是对象类型，而是一个字符串类型，那么这个时候就需要做一个数据的转换。因为挂载全局是把axios挂载到了全局，给它起了新的名字叫$axios，所以写的时候，直接读$axios就行了。在vue当中使用比较方便的网络请求，Axios是一个基于promise的网络请求库，Axios的应用是需要单独安装的。1、在终端输入cnpm install --save axios，库比较小，安装比较快。]]></description><category></category></item><item><title><![CDATA[vue---引入第三方（轮播图）]]></title><link>https://blog.youkuaiyun.com/cmHuney/article/details/141279135</link><guid>https://blog.youkuaiyun.com/cmHuney/article/details/141279135</guid><author>cmHuney</author><pubDate>Sat, 17 Aug 2024 13:57:44 +0800</pubDate><description><![CDATA[可以在网上查找图片，把图片另存为到vue-demo---->src---->assets当中，可以在程序目录中看到assets下已经有了图片。②vue官方文档：https://swiperjs.com/vue（如何在vue当中使用swiper）④可以在https://v2.cn.vuejs.org中找到资源列表下的Awesome vue。③查找其他相关文件可以输入网址：github.com在搜索框输入vue-swiper。3、打开components中的HelloWorld.vue文件，]]></description><category></category></item><item><title><![CDATA[vue---组件生命周期]]></title><link>https://blog.youkuaiyun.com/cmHuney/article/details/141276887</link><guid>https://blog.youkuaiyun.com/cmHuney/article/details/141276887</guid><author>cmHuney</author><pubDate>Sat, 17 Aug 2024 11:35:38 +0800</pubDate><description><![CDATA[我们可以打开京东，或者是其他的商品界面，可以看到有很多的小块，商品没有出来，小块就代表这些组件已经渲染完成了，但是组件中没有数据，数据是通过网络请求来的，所以我们把网络请求放在mounted当中，因为对于用户来说，页面能显示出来和页面中显示之后，一定要把数据显示出来是两个概念。把页面中不需要的东西，消耗性能的东西都可以删掉，比如说定时器，定时器很消耗性能，尤其是那种循环的定时器，不停的执行，当你的组件都不存在，定时器也就没有意义了，所以可以在beforeUnmount函数当中把定时器清理掉。]]></description><category></category></item><item><title><![CDATA[vue---自定义事件组件交互]]></title><link>https://blog.youkuaiyun.com/cmHuney/article/details/141275935</link><guid>https://blog.youkuaiyun.com/cmHuney/article/details/141275935</guid><author>cmHuney</author><pubDate>Sat, 17 Aug 2024 10:30:52 +0800</pubDate><description><![CDATA[因为在MyComponent.vue的methods当中写了this.$emit("onEvent",this.message)传递了this.message数据，就相当于给到这个自定义事件onEvent中,变成了onEvent当中的参数，自定义事件可以在组件中反向传递数据，prop可以将数据从父组件传递到子组件，反向操作就可以利用自定义事件$emit实现。在MyComponent.vue当中写的onEvent是字符串，在App.vue当中当做事件来看，这种就叫自定义式事件。]]></description><category></category></item><item><title><![CDATA[vue---props组件交互]]></title><link>https://blog.youkuaiyun.com/cmHuney/article/details/141269361</link><guid>https://blog.youkuaiyun.com/cmHuney/article/details/141269361</guid><author>cmHuney</author><pubDate>Fri, 16 Aug 2024 22:25:04 +0800</pubDate><description><![CDATA[App.vue和MyComponent.vue两个组件之间是父子集关系，App包含了MyComponent组件，MyComponent组件被App.vue组件所引用着，那他们之间怎么互相传递数据？Prop传递参数没有类型限制，可以是String、Number、Boolean、Array、Object、Function。组件与组件之间是存在交互的，Prop是可以在组件上注册的一些自定义attribute。，比如现在传递一个age。]]></description><category></category></item><item><title><![CDATA[vue---组件基础]]></title><link>https://blog.youkuaiyun.com/cmHuney/article/details/141268141</link><guid>https://blog.youkuaiyun.com/cmHuney/article/details/141268141</guid><author>cmHuney</author><pubDate>Fri, 16 Aug 2024 20:38:53 +0800</pubDate><description><![CDATA[整个页面都是由组件组成的，组件与组件之间的引用关系会形成一个组件的组织。也就可以说，像我们刚刚说的MyComponent组件里面也可以添加组件，并不一定非要在App.vue中写组件。如果其中有一个组件出现问题，不一定会影响其他的组件。vue单文件组件（又名*.vue文件，缩写为SFC）是一种特殊的文件格式，它允许将Vue组件的模板、逻辑与样式封装在单个文件中。1、找到App.vue（根组件，所有的组件都是基于它一层层加载的）如果在style中添加此属性，就代表当前样式，只在当前组件中生效。]]></description><category></category></item><item><title><![CDATA[vue---表单输入绑定]]></title><link>https://blog.youkuaiyun.com/cmHuney/article/details/141263820</link><guid>https://blog.youkuaiyun.com/cmHuney/article/details/141263820</guid><author>cmHuney</author><pubDate>Fri, 16 Aug 2024 17:18:57 +0800</pubDate><description><![CDATA[对于单选框（radio）、复选框（checkbox）和文件上传等情况，change事件也会在用户选择或取消选择时触发。1、在默认情况下，v-model在每次input事件触发后将输入框的值与数据进行同步。（‌语法糖（Syntactic Sugar）是指‌计算机语言中添加的某种语法，这种语法对语言的功能并没有实际影响，但更方便程序员使用。，根据控件类型自动选取正确的方法来更新元素，v-model本质上是语法糖。3、例子：当你在输入文本框中输入内容，下方显示跟输入内容一样的内容。5、添加多个v-model。]]></description><category></category></item><item><title><![CDATA[vue---事件处理（v-on）]]></title><link>https://blog.youkuaiyun.com/cmHuney/article/details/141187523</link><guid>https://blog.youkuaiyun.com/cmHuney/article/details/141187523</guid><author>cmHuney</author><pubDate>Wed, 14 Aug 2024 14:27:20 +0800</pubDate><description><![CDATA[事件处理逻辑会更为复杂，所以直接把JavaScript代码放在v-on指令中是不可行的，因此v-on还可以接收一个需要调用的方法名称。2、用法为：v-on:click="methodName"或者@click="methodName"1、v-on（通常缩写成@符号）来监听DOM事件，并在触发事件时执行一些JavaScript。此时页面出现一个按钮，按钮上面显示点击：counter=1，点击按钮，数字逐渐加1。]]></description><category></category></item><item><title><![CDATA[vue---列表渲染（v-for）]]></title><link>https://blog.youkuaiyun.com/cmHuney/article/details/141185217</link><guid>https://blog.youkuaiyun.com/cmHuney/article/details/141185217</guid><author>cmHuney</author><pubDate>Wed, 14 Aug 2024 11:27:27 +0800</pubDate><description><![CDATA[1、v-for是把一个数组映射成一组元素，可以用v-for指令基于一个数组来渲染一个列表，v-for需要使用item in items形式的特殊语法，其中items是源数据数组，而item则是被迭代的数组元素的别名。（可以理解为，item是数组内的每一个元素，items是数组的名字）2、此时是含有数组项三个，如果此时在进行添加一个数组项或者是数据项的顺序被改变，只需要重新渲染改变的就可以了，可以看出性能也是提高的，不必全部进行渲染，也就是“② index代表每一条数据的下标，数组的下标是唯一的。]]></description><category></category></item><item><title><![CDATA[Vue---条件渲染(v-if/v-show)]]></title><link>https://blog.youkuaiyun.com/cmHuney/article/details/141183438</link><guid>https://blog.youkuaiyun.com/cmHuney/article/details/141183438</guid><author>cmHuney</author><pubDate>Wed, 14 Aug 2024 10:46:56 +0800</pubDate><description><![CDATA[可以理解为，如果flag为true时就会进行渲染，显示出来内容，如果flag为false时，就不会进行渲染,不会显示内容，elements中也不会有这个元素，直到flag为true，才会进行渲染也就是显示内容。② v-if也是惰性的，如果在初始渲染时条件为假，则什么也不做---直到条件第一次变为真时，才会开始渲染条件块。③v-show就简单的多---不管初始条件是什么，元素总是会被渲染，并且只是简单地基于CSS进行切换。（条件很少改变，如果用v-show每次都要渲染，渲染的速度会慢一点）。]]></description><category></category></item></channel></rss>