<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[rainbowyx的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/rainbowyx</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; rainbowyx]]></copyright><item><title><![CDATA[App测试点（已备）]]></title><link>https://blog.youkuaiyun.com/rainbowyx/article/details/128762473</link><guid>https://blog.youkuaiyun.com/rainbowyx/article/details/128762473</guid><author>rainbowyx</author><pubDate>Tue, 11 Mar 2025 14:34:10 +0800</pubDate><description><![CDATA[注意各交叉事件的优先级别，检验系统是否能依据各事件的优先级别依次进行 处理。用户正在提交购物车订单（页面处于数据上传状态），此时切换APP至后台（如点击Home键）。用户A在聊天页面发送图片（上传进度50%时切换至后台），此时用户B发送新消息。==‌场景示例‌==：用户A注销后，用户B使用同一设备登录。==‌示例1：购物车页面数据同步中断‌====‌示例2：实时聊天消息推送‌====‌示例1：导航应用GPS数据更新‌====‌示例2：后台数据强制更新冲突‌====‌示例2：支付页面倒计时中断‌==]]></description><category></category></item><item><title><![CDATA[iOS模拟弱网步骤]]></title><link>https://blog.youkuaiyun.com/rainbowyx/article/details/143056905</link><guid>https://blog.youkuaiyun.com/rainbowyx/article/details/143056905</guid><author>rainbowyx</author><pubDate>Fri, 18 Oct 2024 16:29:48 +0800</pubDate><description><![CDATA[1、设置->隐私与安全性->开发者模式，把开发者模式打开2、设置->开发者->Network Link Conditioner，把开关打开，下边选项有各个网络场景；]]></description><category></category></item><item><title><![CDATA[kafka（已备）]]></title><link>https://blog.youkuaiyun.com/rainbowyx/article/details/142527308</link><guid>https://blog.youkuaiyun.com/rainbowyx/article/details/142527308</guid><author>rainbowyx</author><pubDate>Wed, 25 Sep 2024 17:22:53 +0800</pubDate><description><![CDATA[1、本地windows下hosts配置kafka服务，注意:只有配置好了服务才能通过kafka tool 连通 kafka集群服务器!先点击test测试连接成功后，再点击add，就是连接上了，然后点击左侧的看到是绿色的，代表是正常连接上的。平时如果要看数据就是看连接后的topic里面或者partitions(分区)里面的data。路径如下 C:\Windows\System32\drivers\etc。随便写服务器中查到的其中一个kafka地址即可。直接一步步的安装可以，可以自定义安装目录。]]></description><category></category></item><item><title><![CDATA[fastStone常用操作]]></title><link>https://blog.youkuaiyun.com/rainbowyx/article/details/134729100</link><guid>https://blog.youkuaiyun.com/rainbowyx/article/details/134729100</guid><author>rainbowyx</author><pubDate>Fri, 01 Dec 2023 10:41:32 +0800</pubDate><description><![CDATA[滚动截屏]]></description><category></category></item><item><title><![CDATA[linux里面重启nginx(已备)]]></title><link>https://blog.youkuaiyun.com/rainbowyx/article/details/129279260</link><guid>https://blog.youkuaiyun.com/rainbowyx/article/details/129279260</guid><author>rainbowyx</author><pubDate>Wed, 01 Mar 2023 13:40:19 +0800</pubDate><description><![CDATA[nginx配置代理服务器]]></description><category></category></item><item><title><![CDATA[F12抓包需要注意的点]]></title><link>https://blog.youkuaiyun.com/rainbowyx/article/details/129145344</link><guid>https://blog.youkuaiyun.com/rainbowyx/article/details/129145344</guid><author>rainbowyx</author><pubDate>Tue, 21 Feb 2023 17:53:47 +0800</pubDate><description><![CDATA[f12抓包需要注意的点以及平时用到较多的点]]></description><category></category></item><item><title><![CDATA[Web测试方法总结（已备）]]></title><link>https://blog.youkuaiyun.com/rainbowyx/article/details/128537700</link><guid>https://blog.youkuaiyun.com/rainbowyx/article/details/128537700</guid><author>rainbowyx</author><pubDate>Tue, 03 Jan 2023 18:56:51 +0800</pubDate><description><![CDATA[web测试常用方法总结]]></description><category></category></item><item><title><![CDATA[flex布局]]></title><link>https://blog.youkuaiyun.com/rainbowyx/article/details/122997408</link><guid>https://blog.youkuaiyun.com/rainbowyx/article/details/122997408</guid><author>rainbowyx</author><pubDate>Wed, 15 Jun 2022 11:14:23 +0800</pubDate><description><![CDATA[设置父元素的布局为flex，后续的子元素都按此来排序


 display: flex;

【1】默认的主轴是x轴，元素跟着主轴来排列

【2】设置y轴为主轴，那么x轴就成为了侧轴：


flex-direction:column;

【3】justify-content:设置主轴上子元素的排列方式

1）设置主轴上子元素的排列方式，默认从头部开始，如果主轴是x轴，既从左到右,如果

2) 以下属性值，不设置默认为flex-start

flex-start:默认从头部开始，如果主轴是x轴，既从左到右,如果]]></description><category></category></item><item><title><![CDATA[js基础知识]]></title><link>https://blog.youkuaiyun.com/rainbowyx/article/details/123015978</link><guid>https://blog.youkuaiyun.com/rainbowyx/article/details/123015978</guid><author>rainbowyx</author><pubDate>Wed, 15 Jun 2022 11:14:04 +0800</pubDate><description><![CDATA[【1】字符串

1.js里面字符串可以用单引号‘’也可以双引号“”，但是为了区分html的属性为“”故js用‘’来表示字符串比较多

2.js字符串里面可以嵌套单双引号，遵循“外单内双”或外双内单

3.js转义字符包含在引号里面，比如换行\n


 var arr = 'qqq\n"sss"'
    console.log(arr);


......]]></description><category></category></item><item><title><![CDATA[elemenet ui使用手册]]></title><link>https://blog.youkuaiyun.com/rainbowyx/article/details/123181052</link><guid>https://blog.youkuaiyun.com/rainbowyx/article/details/123181052</guid><author>rainbowyx</author><pubDate>Wed, 15 Jun 2022 11:13:44 +0800</pubDate><description><![CDATA[【1】修改表格表体内容的背景颜色，除表头和合计行外


.el-table__body-wrapper {
  tr {
    background-color: red !important;
  }
}

或者:row-style="{ background: '#2a3049', color: '#fff' }"





【2】将合计行展示到除标题外的第一行


.el-table {
  display: flex;
  flex-direction: column;
}
.el-table_.]]></description><category></category></item><item><title><![CDATA[网页布局(标准流布局+浮动布局+flex布局)]]></title><link>https://blog.youkuaiyun.com/rainbowyx/article/details/123041854</link><guid>https://blog.youkuaiyun.com/rainbowyx/article/details/123041854</guid><author>rainbowyx</author><pubDate>Wed, 15 Jun 2022 11:13:20 +0800</pubDate><description><![CDATA[【1】标准流

标签按照固定的方式进行排列

1.块级元素独占一行，从上往下排列

常用元素：div,hr,p,h1-h6,ul,ol,form,table

2.行内元素会按照顺序从左至右排列，碰到父元素边缘则自动换行

常用元素：span,a,em

【2】浮动

1.浮动的元素会脱离标准流，浮动的盒子不再保留原来的位置，这个盒子让其他标准流的盒子来占用。

2.设置浮动，是将盒子的上沿自动平齐，浮动的元素仅仅贴在一起，中间不会有间距，如果屏幕变小，屏幕装不下的话，盒子会往下挤，想要给浮动之间的元素设置]]></description><category></category></item><item><title><![CDATA[路由导航总结]]></title><link>https://blog.youkuaiyun.com/rainbowyx/article/details/123381083</link><guid>https://blog.youkuaiyun.com/rainbowyx/article/details/123381083</guid><author>rainbowyx</author><pubDate>Wed, 15 Jun 2022 11:12:46 +0800</pubDate><description><![CDATA[【1】this.$router是路由的导航对象

提供了如下方法：

1）this.$router.push('hash地址')：跳转到指定的hash地址并增加一条历史记录

使用方法：在组件里面添加一个按钮，然后给按钮添加点击事件，在点击事件里面设置this.$router.push('hash地址')即可跳转到对应的hash地址界面





2）this.$router.replace('hash地址')：跳转到指定的hash地址并不增加一条历史记录，使用方法同上。

3）this.$router.g]]></description><category></category></item><item><title><![CDATA[flexible.js和vue在vscode中的使用]]></title><link>https://blog.youkuaiyun.com/rainbowyx/article/details/122996538</link><guid>https://blog.youkuaiyun.com/rainbowyx/article/details/122996538</guid><author>rainbowyx</author><pubDate>Wed, 15 Jun 2022 11:11:50 +0800</pubDate><description><![CDATA[flex布局在

【1】在vue中安装cssrem插件



[2]根据项目要求进行配置

【3】


]]></description><category></category></item><item><title><![CDATA[jmeter环境搭建(已备)]]></title><link>https://blog.youkuaiyun.com/rainbowyx/article/details/124825247</link><guid>https://blog.youkuaiyun.com/rainbowyx/article/details/124825247</guid><author>rainbowyx</author><pubDate>Thu, 19 May 2022 13:50:02 +0800</pubDate><description><![CDATA[jmeter环境安装]]></description><category></category></item><item><title><![CDATA[配置本地IIS服务器以及查看是否配置成功（已备）]]></title><link>https://blog.youkuaiyun.com/rainbowyx/article/details/124801928</link><guid>https://blog.youkuaiyun.com/rainbowyx/article/details/124801928</guid><author>rainbowyx</author><pubDate>Mon, 16 May 2022 16:50:45 +0800</pubDate><description><![CDATA[【1】在文件里面右键属性打开控制面板





【2】在控制面板里面打开程序和功能， 然后打开“启用或关闭windows功能”然后找到IIS，把其全部勾选即可



【3】验证：选中电脑，右键点击“管理”



【4】看显示电脑名字是否和本机电脑名字是否一致



【5】添加网站



【6】 绑定完成点击浏览即可








...]]></description><category></category></item><item><title><![CDATA[python和pycharm在windows的环境配置安装以及用pycharm写代码（已备）]]></title><link>https://blog.youkuaiyun.com/rainbowyx/article/details/124752475</link><guid>https://blog.youkuaiyun.com/rainbowyx/article/details/124752475</guid><author>rainbowyx</author><pubDate>Fri, 13 May 2022 15:53:19 +0800</pubDate><description><![CDATA[【1】前提：建议安装版本》=3.6

【2】安装步骤：

1 windows安装python解释器,在以下路径下载最新的python解释器

Python Releases for Windows | Python.org



下载后，双击，然后选择勾选框，直接安装即可。









2 安装pycharm：pycharm可以装可以不装，电脑里面有IDE（VCSODE等也行）集成开发环境即可

下载安装路径

Download PyCharm: Python IDE for Professiona.]]></description><category></category></item><item><title><![CDATA[vue2.0自定义指令的基础用法]]></title><link>https://blog.youkuaiyun.com/rainbowyx/article/details/124276606</link><guid>https://blog.youkuaiyun.com/rainbowyx/article/details/124276606</guid><author>rainbowyx</author><pubDate>Mon, 25 Apr 2022 10:43:06 +0800</pubDate><description><![CDATA[声明一个color的自定义组件，并给使用这个组件的dom绑定样式，bind是给指定绑定方法及属性的。当指令第一次被绑定到元素上时，就会触发bind函数。


  directives:{
    color:{
      bind(el){
        // el为形参，为版本了该自定义指定的dom
        el.style.color='red'
      }
    }
  }

使用自定义组件







最终呈现结果





也可以给bind添加参数






...]]></description><category></category></item><item><title><![CDATA[vue项目中使用flexible.js和rem进行适配]]></title><link>https://blog.youkuaiyun.com/rainbowyx/article/details/123681907</link><guid>https://blog.youkuaiyun.com/rainbowyx/article/details/123681907</guid><author>rainbowyx</author><pubDate>Thu, 24 Mar 2022 16:54:17 +0800</pubDate><description><![CDATA[【1】下载flexible.js

npm i -s lib-flexible

【2】在mainjs中引入

import 'lib-flexible/flexible.js'

【3】在nodemodule/lib-flexible/flexible.js中修改代码如下：这是按照1920px来划分的，因为分为24等份，故每份为80，故需在cssren的设置中需要将root font size改为80





【4】安装cssrem



【5】根据稿件像素修改值




...]]></description><category></category></item><item><title><![CDATA[从gitee下载的用yarn运行的vue项目如何启动]]></title><link>https://blog.youkuaiyun.com/rainbowyx/article/details/123656822</link><guid>https://blog.youkuaiyun.com/rainbowyx/article/details/123656822</guid><author>rainbowyx</author><pubDate>Tue, 22 Mar 2022 11:49:55 +0800</pubDate><description><![CDATA[【1】如果打开文件看到有yarn-lock则说明是用yarn运行且是用yarn安装依赖的，那先用命令yarn -v看看是否有安装yarn,如果没有安装，则用cmd打开项目文件的根目录

【2】在根目录运行npm install -g yarn

【3】使用命令查看是否安装成功yarn -v

【4】安装成功则用vscode打开项目，然后打开终端，运行yarn install安装项目需要的依赖

【5】用yarn run serve启动项目
...]]></description><category></category></item><item><title><![CDATA[vue项目单独剥离css文件并在项目中进行引入]]></title><link>https://blog.youkuaiyun.com/rainbowyx/article/details/123416833</link><guid>https://blog.youkuaiyun.com/rainbowyx/article/details/123416833</guid><author>rainbowyx</author><pubDate>Fri, 11 Mar 2022 09:36:03 +0800</pubDate><description><![CDATA[【1】自己项目中的css文件

1)新建一个css文件，把所有的css都写到里面。注意里面不用写&lt;style&gt;&lt;/style&gt;



2)在需要引入vue里面的&lt;script&gt;&lt;/script&gt;里面写入引入路径即可






]]></description><category></category></item></channel></rss>