<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Rome_z的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Rome_z</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Rome_z]]></copyright><item><title><![CDATA[实现uniapp遮罩层]]></title><link>https://blog.youkuaiyun.com/Rome_z/article/details/134569455</link><guid>https://blog.youkuaiyun.com/Rome_z/article/details/134569455</guid><author>Rome_z</author><pubDate>Thu, 23 Nov 2023 09:49:14 +0800</pubDate><description><![CDATA[首先uniapp没有官方的遮罩层mask组件， 需要手搓一个。1.遮罩层中经常要显示东西，此时点击显示内容区域也会关闭遮罩层。通过isshowmask控制遮罩层的显示。2.遮罩层下方的页面内容依旧可以点击和滑动。介绍 | uni-app官网。]]></description><category></category></item><item><title><![CDATA[uniapp小程序中处理blob二进制流数据]]></title><link>https://blog.youkuaiyun.com/Rome_z/article/details/134511350</link><guid>https://blog.youkuaiyun.com/Rome_z/article/details/134511350</guid><author>Rome_z</author><pubDate>Mon, 20 Nov 2023 15:59:17 +0800</pubDate><description><![CDATA[首先，请求中要带上responseType: "arraybuffer",保证返回的数据格式是arraybuffer。使用uni.arrayBufferToBase64() 转化成base64格式，后续根据业务处理数据即可。小程序中是不支持blob格式数据的，new Blob()会报错Blob未定义。在这个代码中，数据是一张png格式的二维码图片。]]></description><category></category></item><item><title><![CDATA[前端下载二进制流文件]]></title><link>https://blog.youkuaiyun.com/Rome_z/article/details/134437584</link><guid>https://blog.youkuaiyun.com/Rome_z/article/details/134437584</guid><author>Rome_z</author><pubDate>Thu, 16 Nov 2023 11:23:12 +0800</pubDate><description><![CDATA[流文件下载 blob 下载]]></description><category></category></item><item><title><![CDATA[uniapp的image标签请求网络图片在模拟器上正常，真机测试不显示图片的问题及解决]]></title><link>https://blog.youkuaiyun.com/Rome_z/article/details/133577742</link><guid>https://blog.youkuaiyun.com/Rome_z/article/details/133577742</guid><author>Rome_z</author><pubDate>Thu, 05 Oct 2023 10:44:56 +0800</pubDate><description><![CDATA[PS：目前依旧认为是后端的接口有些问题。待我找后端大佬聊聊天。]]></description><category></category></item><item><title><![CDATA[solidity导入其他合约遇见的bug及解决]]></title><link>https://blog.youkuaiyun.com/Rome_z/article/details/133085408</link><guid>https://blog.youkuaiyun.com/Rome_z/article/details/133085408</guid><author>Rome_z</author><pubDate>Wed, 20 Sep 2023 16:24:43 +0800</pubDate><description><![CDATA[问题分析：虽然编译没有报错，但是Test2 test2;这个变量中应该是空的，没有赋值。（我上一篇文章也是报这个错，但是错的原因不一样。第三步，用address为参数部署test1，然后就能正常调用了。第二部，部署Test2，获得test2的地址address。想要调用其他合约，需要先知道其他合约的地址，然后再调用。第一步.更改代码如下。]]></description><category></category></item><item><title><![CDATA[solidity中变长数组使用bug与解决]]></title><link>https://blog.youkuaiyun.com/Rome_z/article/details/132884329</link><guid>https://blog.youkuaiyun.com/Rome_z/article/details/132884329</guid><author>Rome_z</author><pubDate>Thu, 14 Sep 2023 16:52:57 +0800</pubDate><description><![CDATA[是因为变长数组使用前必须确定数组长度。]]></description><category></category></item><item><title><![CDATA[solidity中uint转string工具]]></title><link>https://blog.youkuaiyun.com/Rome_z/article/details/132858558</link><guid>https://blog.youkuaiyun.com/Rome_z/article/details/132858558</guid><author>Rome_z</author><pubDate>Wed, 13 Sep 2023 16:59:20 +0800</pubDate><description><![CDATA[/ 接下来就可以用toString方法转了。]]></description><category></category></item><item><title><![CDATA[来看看我家猫猫]]></title><link>https://blog.youkuaiyun.com/Rome_z/article/details/132226657</link><guid>https://blog.youkuaiyun.com/Rome_z/article/details/132226657</guid><author>Rome_z</author><pubDate>Fri, 11 Aug 2023 10:56:25 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[MongoDB增删改查语句实例]]></title><link>https://blog.youkuaiyun.com/Rome_z/article/details/130810394</link><guid>https://blog.youkuaiyun.com/Rome_z/article/details/130810394</guid><author>Rome_z</author><pubDate>Mon, 22 May 2023 18:01:28 +0800</pubDate><description><![CDATA[查询值为null的字段：{item:{$type:10}}   BSON中10是null的类型编号。运算符可在数组的元素上指定多个条件，以使至少一个数组元素满足所有指定的条件。下面的示例选择库存数组中的元素与指定文档匹配的所有文档。下面的示例查询所有文档，其中字段标签值是按指定顺序恰好具有两个元素。的字段仓库的嵌入式文档（但不一定是同一嵌入式文档）的文档。数组中至少有一个嵌入式文档的文档，这些文档包含数量等于。的数组，而不考虑顺序或该数组中的其他元素，请使用。数组的第一个元素是一个包含值小于或等于。]]></description><category></category></item><item><title><![CDATA[React的useState多级对象（复杂数据）使用的一点细节]]></title><link>https://blog.youkuaiyun.com/Rome_z/article/details/126890230</link><guid>https://blog.youkuaiyun.com/Rome_z/article/details/126890230</guid><author>Rome_z</author><pubDate>Fri, 16 Sep 2022 14:47:38 +0800</pubDate><description><![CDATA[useState在使用多层数据时需要注意的问题]]></description><category></category></item><item><title><![CDATA[同时使用position和padding(或者margin)时出现的问题和解决方法]]></title><link>https://blog.youkuaiyun.com/Rome_z/article/details/124579851</link><guid>https://blog.youkuaiyun.com/Rome_z/article/details/124579851</guid><author>Rome_z</author><pubDate>Wed, 04 May 2022 23:27:36 +0800</pubDate><description><![CDATA[因为position: absolute;会使元素脱标，脱标之后父盒子的padding或者子盒子的margin会失效，这时会出现一些问题：


 &lt;style&gt;
      * {
        box-sizing: border-box;
      }
      .fa {
        width: 400px;
        height: 300px;
        background-color: skyblue;
        margin: 200px auto;]]></description><category></category></item><item><title><![CDATA[使用overflow:hidden；之后遇到的一个问题和原因]]></title><link>https://blog.youkuaiyun.com/Rome_z/article/details/124542179</link><guid>https://blog.youkuaiyun.com/Rome_z/article/details/124542179</guid><author>Rome_z</author><pubDate>Mon, 02 May 2022 16:07:35 +0800</pubDate><description><![CDATA[key盒子之后跟了数个li，如果value没有overflow:hidden;，显示效果是这样的


&lt;style&gt;
    * {
      margin: 0;
      padding: 0;
    }
    .fa {
      width: 1000px;
      height: 100px;
      background-color: antiquewhite;
    }
    .key {
      height: 40px;
      width: 1.]]></description><category></category></item><item><title><![CDATA[HTML5原生drag功能实现列表拖拽]]></title><link>https://blog.youkuaiyun.com/Rome_z/article/details/124452929</link><guid>https://blog.youkuaiyun.com/Rome_z/article/details/124452929</guid><author>Rome_z</author><pubDate>Wed, 27 Apr 2022 15:49:51 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html&gt;
  &lt;head&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
    &lt;style&gt;
      [v-cloak] {
        display: none;
      }
      .box1 {
        background: #f9f9f9;
        padding.]]></description><category></category></item><item><title><![CDATA[使用$attrs和$listeners属性封装button按钮组件]]></title><link>https://blog.youkuaiyun.com/Rome_z/article/details/124413191</link><guid>https://blog.youkuaiyun.com/Rome_z/article/details/124413191</guid><author>Rome_z</author><pubDate>Mon, 25 Apr 2022 20:12:50 +0800</pubDate><description><![CDATA[MyButton.vue


&lt;template&gt;
  &lt;div&gt;
    &lt;!-- 外层包裹a标签实现title效果 --&gt;
    &lt;a :title="$attrs.title"&gt;
      &lt;!-- 使用v-bind="$attrs"和v-on="$listeners"绑定父组件传递过来的属性和自定义事件 --&gt;
      &lt;el-button v-bind="$attrs" v-on="$listeners"&gt;{{ $at]]></description><category></category></item><item><title><![CDATA[尚硅谷商城项目上线过程]]></title><link>https://blog.youkuaiyun.com/Rome_z/article/details/124372552</link><guid>https://blog.youkuaiyun.com/Rome_z/article/details/124372552</guid><author>Rome_z</author><pubDate>Sat, 23 Apr 2022 23:27:17 +0800</pubDate><description><![CDATA[1.npm run build打包项目。此处可以参考黑马的项目结尾时的各种优化策略。

2.购买腾讯云服务器。登录后进入控制台，进入轻量应用服务器。我的服务器用户名是默认的root。密码是自己设定的如123456





3.下载Xshell和Xftp.Xshell连接和操作服务器。因为服务器选的CentOS，所以需要Linux命令操作

接下来的操作参考nginx 部署前端项目至腾讯云服务器（CentOS系统）_阿离_的博客-优快云博客_前端部署到腾讯云

他用的WinSCP，我用的Xftp，功能相似]]></description><category></category></item><item><title><![CDATA[更改element-ui源码，控制tree组件每行是否显示选择框]]></title><link>https://blog.youkuaiyun.com/Rome_z/article/details/124301239</link><guid>https://blog.youkuaiyun.com/Rome_z/article/details/124301239</guid><author>Rome_z</author><pubDate>Wed, 20 Apr 2022 16:51:34 +0800</pubDate><description><![CDATA[修改源码的步骤：

1.github上下载element-ui源码

2.npm i下载依赖项。此处非常容易出错，和node的版本有关。本次主要是node-sass下载出错。使用的node是12版本，下载的node-sass是4.10版本。改成npm i node-sass@4.12单独下载node-sass后解决



3.修改源码。此次修改了elementui源代码tree/src/tree-node.vue





4.npm run dist，生成lib文件夹。

5.使用lib文件夹替换原项目.]]></description><category></category></item><item><title><![CDATA[父组件中通过$refs选择子组件中特定类名元素并修改其样式]]></title><link>https://blog.youkuaiyun.com/Rome_z/article/details/124210865</link><guid>https://blog.youkuaiyun.com/Rome_z/article/details/124210865</guid><author>Rome_z</author><pubDate>Sat, 16 Apr 2022 11:38:07 +0800</pubDate><description><![CDATA[刚开始是想通过父组件修改element-ui中的某个元素的样式。由于动态添加class不够方便，所以想通过$refs，根据类名选择出元素，做法如下

App.vue


&lt;template&gt;
  &lt;div&gt;
    &lt;Student ref="student"&gt;&lt;/Student&gt;
    &lt;button @click="changeColor"&gt;改变背景&lt;/button&gt;
  &lt;/div&gt;
&lt;/template&gt]]></description><category></category></item><item><title><![CDATA[二次封装elementui的button组件]]></title><link>https://blog.youkuaiyun.com/Rome_z/article/details/123881677</link><guid>https://blog.youkuaiyun.com/Rome_z/article/details/123881677</guid><author>Rome_z</author><pubDate>Thu, 31 Mar 2022 19:55:06 +0800</pubDate><description><![CDATA[MyButton.vue


&lt;template&gt;
  &lt;div&gt;
    &lt;el-button :loading="loadingStatus" @click="handleClick"
      &gt;默认按钮&lt;/el-button
    &gt;
  &lt;/div&gt;
&lt;/template&gt;

&lt;script&gt;
export default {
  data() {
    return {
      loadingStatu]]></description><category></category></item><item><title><![CDATA[函数每隔两秒调用自身，重复5次]]></title><link>https://blog.youkuaiyun.com/Rome_z/article/details/123755186</link><guid>https://blog.youkuaiyun.com/Rome_z/article/details/123755186</guid><author>Rome_z</author><pubDate>Sat, 26 Mar 2022 14:14:21 +0800</pubDate><description><![CDATA[函数每隔两秒调用自身，重复5次
&lt;script&gt;
      var count = 0;
      var mark;
      function demo() {
        if (count &gt;= 5) {
          return;
        }
        clearInterval(mark);
        count++;
        console.log('@@@@@@@@@@@');
        mark = setInterva]]></description><category></category></item><item><title><![CDATA[正则表达式]]></title><link>https://blog.youkuaiyun.com/Rome_z/article/details/121719808</link><guid>https://blog.youkuaiyun.com/Rome_z/article/details/121719808</guid><author>Rome_z</author><pubDate>Sat, 04 Dec 2021 19:57:41 +0800</pubDate><description><![CDATA[什么是正则表达式

正则表达式(Regular Expression) 是用于匹配字符串中字符组合的模式。在 JavaScript中，正则表达式也是对象
	正则表通常被用来检索、替换那些符合某个模式(规则)的文本，列如验证表单：用户名表单只能输入英文字母、数字或下划线， 昵称输入框中可以输入中文(匹配)。此外，正则表达式还常用于过滤掉网页内容中的一些敏感词(替换)，或从字符串中获取我们想要的特定部分(提取)等。
	其他语言也会使用正则表达式，本阶段我主要是利用 JavaScript正则表达式完成表单验证
正]]></description><category></category></item></channel></rss>