<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[小羊的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/yangsi0706</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; yangsi0706]]></copyright><item><title><![CDATA[uniapp ios 输入框输入时键盘顶部闪烁]]></title><link>https://blog.youkuaiyun.com/yangsi0706/article/details/140780382</link><guid>https://blog.youkuaiyun.com/yangsi0706/article/details/140780382</guid><author>yangsi0706</author><pubDate>Mon, 29 Jul 2024 20:25:53 +0800</pubDate><description><![CDATA[一般是在登录时，输入账号密码，苹果手机键盘顶部会出现闪动现象。解决办法就是在两个input之间放一个隐藏的input就好了。也是借鉴别人的，在这里记录一下。]]></description><category></category></item><item><title><![CDATA[uniapp运行Android App基座安装后无法打开问题处理]]></title><link>https://blog.youkuaiyun.com/yangsi0706/article/details/139389184</link><guid>https://blog.youkuaiyun.com/yangsi0706/article/details/139389184</guid><author>yangsi0706</author><pubDate>Sun, 02 Jun 2024 12:00:13 +0800</pubDate><description><![CDATA[uniapp连接手机运行项目到Android设备，发现手机基座已安装成功，但是手机上基座的【打开】按钮却是置灰状态，无法操作。关闭当前安装页面后，手机屏幕上也没有基座图标。这种情况一般是由于基座缓存的问题导致的。1、数据线连接上手机后，找到电脑上HbuilderX安装文件：（根据自己的安装路径来找）2、打开电脑终端 win + r  -> cmd ->进入。输入按回车后，一般显示 success 即为删除成功。后面的是包名，只需更给为自己的包名即可。3、进入到上面的adbs的路径，]]></description><category></category></item><item><title><![CDATA[我的创作纪念日]]></title><link>https://blog.youkuaiyun.com/yangsi0706/article/details/131916606</link><guid>https://blog.youkuaiyun.com/yangsi0706/article/details/131916606</guid><author>yangsi0706</author><pubDate>Tue, 25 Jul 2023 17:48:43 +0800</pubDate><description><![CDATA[从0到1，一点一点成长起来，通过写博客的方式记录下了自己学习的内容以及项目实践中遇到的难点，回头看，轻舟已过万重山，见证到了自己努力的那一刻，还是蛮有成就感的。]]></description><category></category></item><item><title><![CDATA[动态循环多表单校验获取不到ref]]></title><link>https://blog.youkuaiyun.com/yangsi0706/article/details/129354970</link><guid>https://blog.youkuaiyun.com/yangsi0706/article/details/129354970</guid><author>yangsi0706</author><pubDate>Mon, 06 Mar 2023 09:52:36 +0800</pubDate><description><![CDATA[首先说一下我的使用场景（uniapp）：一个页面内五个表单，使用tab来切换展示。这种情况下只能是页面写一个表单，通过循环数据来分别展示的。表单大致填写完成点确定按钮肯定要做正则校验的，通过ref，然后校验那里使用this.$refs.form.validate() 的方式来做校验，但是我后面发现一个问题， 只有第一个表单可以获取到ref的内容，后面循环出来的表单都无法获取到，在后面表单上填写信息时，明明已经填写正确格式的内容，但是校验依然会一直提示，好像填写的内容并没有在当前表单生效。]]></description><category></category></item><item><title><![CDATA[uniapp小程序底部tabbar图标大小设置]]></title><link>https://blog.youkuaiyun.com/yangsi0706/article/details/128467828</link><guid>https://blog.youkuaiyun.com/yangsi0706/article/details/128467828</guid><author>yangsi0706</author><pubDate>Wed, 28 Dec 2022 14:35:29 +0800</pubDate><description><![CDATA[在uniapp中小程序的tabbar没有设置图标大小的属性，导致小程序在不同平台打开时图标大小显示的不一样，特别是在电脑微信打开小程序时，上的效果吧。所以既然代码没法调大小，自定义底部tabbar搞起来又很心累，那我只好从图片剪裁这方面来想办法了。第一张是pc端H5，第二张是微信开发者工具(与手机端效果一样)、第三张电脑微信打开的小程序。图片切图的时候,不要紧贴图像切,  图片四周留出相应比例的空白。代码可以用uniapp的编译器（条件编译）来处理。剪裁后的图片：四周留出空白部分]]></description><category></category></item><item><title><![CDATA[draggable拖拽列表设置某一条元素禁止被拖拽]]></title><link>https://blog.youkuaiyun.com/yangsi0706/article/details/126768537</link><guid>https://blog.youkuaiyun.com/yangsi0706/article/details/126768537</guid><author>yangsi0706</author><pubDate>Thu, 08 Sep 2022 17:30:17 +0800</pubDate><description><![CDATA[使用draggable拖拽列表设置某一条元素不能被拖拽
filter=".unmover" :move="onMove"]]></description><category></category></item><item><title><![CDATA[element树形控件(tree)实现父与子关联，子与父不关联；手动设置半选状态]]></title><link>https://blog.youkuaiyun.com/yangsi0706/article/details/125225743</link><guid>https://blog.youkuaiyun.com/yangsi0706/article/details/125225743</guid><author>yangsi0706</author><pubDate>Fri, 10 Jun 2022 18:06:29 +0800</pubDate><description><![CDATA[elemetn树形控件父与子关联，子与父不关联；手动设置半选状态]]></description><category></category></item><item><title><![CDATA[VueCropper + Element上传并剪裁图片]]></title><link>https://blog.youkuaiyun.com/yangsi0706/article/details/124732202</link><guid>https://blog.youkuaiyun.com/yangsi0706/article/details/124732202</guid><author>yangsi0706</author><pubDate>Thu, 12 May 2022 16:04:37 +0800</pubDate><description><![CDATA[VueCropper + Element 上传并剪裁图片效果图安装插件VueCropper组件代码父组件使用
效果图


安装插件
npm install vue-cropper

VueCropper组件代码
&lt;template&gt;
  &lt;div&gt;
    &lt;el-dialog title="图片剪裁" :visible.sync="cropperShow" append-to-body width="1000px" center&gt;
      &lt;div class]]></description><category></category></item><item><title><![CDATA[flex实现四个元素分布在盒子的四个角]]></title><link>https://blog.youkuaiyun.com/yangsi0706/article/details/123348673</link><guid>https://blog.youkuaiyun.com/yangsi0706/article/details/123348673</guid><author>yangsi0706</author><pubDate>Tue, 08 Mar 2022 11:15:07 +0800</pubDate><description><![CDATA[使用flex布局让四个元素分别分布在盒子的四个角]]></description><category></category></item><item><title><![CDATA[批量上传视频到阿里云]]></title><link>https://blog.youkuaiyun.com/yangsi0706/article/details/122498673</link><guid>https://blog.youkuaiyun.com/yangsi0706/article/details/122498673</guid><author>yangsi0706</author><pubDate>Fri, 14 Jan 2022 18:45:22 +0800</pubDate><description><![CDATA[批量上传视频到阿里云

这段时间项目里有一个上传视频到阿里云的功能是我来负责写的，之前一直没有写过这种功能，感觉很难的亚子，但是后来仔细研究了一遍发现也没想象中那么难，最后经过不懈的努力也算是搞出来了哈哈哈，开心坏我了。搞出这个功能真的也是学习到了很多东西，所以就来这里记录一下啦。也有同样需求的兄弟姐妹们希望可以帮到你们一点点嘻嘻，如果有更简单轻便的方法或哪里需要改进的地方也请大家多多指教呦

我用的就是 vue+element 写的
阿里云给我们提供了客户端上传的SDK
使用JavaScript上传SDK]]></description><category></category></item><item><title><![CDATA[js获取ISO8601规范时间，使用UTC时间，格式为：YYYY-MM-DDThh:mm:ssZ]]></title><link>https://blog.youkuaiyun.com/yangsi0706/article/details/122099474</link><guid>https://blog.youkuaiyun.com/yangsi0706/article/details/122099474</guid><author>yangsi0706</author><pubDate>Thu, 23 Dec 2021 09:21:34 +0800</pubDate><description><![CDATA[js获取ISO8601规范时间，使用UTC时间，格式为：YYYY-MM-DDThh:mm:ssZ]]></description><category></category></item><item><title><![CDATA[优快云浏览器助手，我真的爱了]]></title><link>https://blog.youkuaiyun.com/yangsi0706/article/details/117523052</link><guid>https://blog.youkuaiyun.com/yangsi0706/article/details/117523052</guid><author>yangsi0706</author><pubDate>Thu, 03 Jun 2021 17:07:27 +0800</pubDate><description><![CDATA[优快云浏览器助手，我真的爱了
安装地址：https://plugin.youkuaiyun.com/chrome-index-help（里面有安装步骤，老省心了）
安装上打开看了一眼，我天，太漂酿了吧，爱了爱了

啥也不说了，先上图看一眼吧！

这背景粉粉嫩嫩的可真好看，不止我这样的程序员妹子喜欢，猛男肯定也是抗拒不了的吧哈哈哈哈哈????????????
要是喜欢其他类型的也是可以切换的呦

看右下角这两个按钮，点第一个可以直接切换，点第二个会打开一个弹框里面可以任意选择你喜欢的壁纸，里面的都满足不了的话也可以自己]]></description><category></category></item><item><title><![CDATA[element树形控件子节点重复的问题处理]]></title><link>https://blog.youkuaiyun.com/yangsi0706/article/details/116937671</link><guid>https://blog.youkuaiyun.com/yangsi0706/article/details/116937671</guid><author>yangsi0706</author><pubDate>Mon, 17 May 2021 17:42:42 +0800</pubDate><description><![CDATA[记录一次使用element树形控件踩的坑
需求：这次要做的是角色权限配置的需求，需要使用element树形控件来给对应的角色分配对应的导航菜单，像下图这样

问题：写的时候主要问题就是只选择一个子组件不选父组件的时候会打印出两条数据，一条完整的父节点包含子节点的数据，一条单纯只有子节点数据。此时需要把勾选的数据信息传给后台

data是点击的数据，checked是勾选的数据
这样写了以后打印出的数据就会有父组件包含子组件的，也有单个子组件的，总之会很乱

就会出现类似这样的bug效果，，还有其他菜单混乱的效]]></description><category></category></item><item><title><![CDATA[根据屏幕高度判断列表是否滚动]]></title><link>https://blog.youkuaiyun.com/yangsi0706/article/details/115413597</link><guid>https://blog.youkuaiyun.com/yangsi0706/article/details/115413597</guid><author>yangsi0706</author><pubDate>Sat, 03 Apr 2021 11:10:40 +0800</pubDate><description><![CDATA[需要实现的效果就是根据屏幕的高度来判断这个列表是否可以滚动

这个列表我开始只是用css给他加了一个可以滚动的效果
当在全屏时，列表数据有很多已经超出屏幕，这个css添加的滚动效果就出现了，有固定高度的情况下完全可以正常使用

但是将整个浏览器高度变小时，再去滚动列表，它已经滚动不了了，所以我们需要把他的高度变成一个动态的值
1、在列表上添加一个id

2、在data里面定义屏幕高度的变量
data() {
    return {
      fullHeight: document.documentEl]]></description><category></category></item><item><title><![CDATA[uniapp中uni.getImageInfo渲染页面不生效的坑]]></title><link>https://blog.youkuaiyun.com/yangsi0706/article/details/111669154</link><guid>https://blog.youkuaiyun.com/yangsi0706/article/details/111669154</guid><author>yangsi0706</author><pubDate>Fri, 25 Dec 2020 11:54:02 +0800</pubDate><description><![CDATA[uniapp中uni.getImageInfo在渲染页面不生效的坑

问题 ：

写详情页(nvue页面)简介部分的时候发现那个大图片的高度不能自适应，后面的mode各种改变依然达不到想要的效果，又不能设置固定高度，所以只能js部分给它动态设置了

解决

后来发现文档中有一个获取图片信息的方法：uni.getImageInfo(OBJECT)


我想要的正是这个图片的高度 height ，然后就在页面上写了代码：

可是把imgheight渲染到页面上时，图片的高度并没有做出任何改变。
百度了一下原来u]]></description><category></category></item><item><title><![CDATA[解决uni-app微信小程序底部输入框，键盘弹起时页面整体上移 问题]]></title><link>https://blog.youkuaiyun.com/yangsi0706/article/details/109031335</link><guid>https://blog.youkuaiyun.com/yangsi0706/article/details/109031335</guid><author>yangsi0706</author><pubDate>Mon, 12 Oct 2020 17:02:40 +0800</pubDate><description><![CDATA[解决uni-app微信小程序底部输入框，键盘弹起时页面整体上移 问题
转发自https://www.cnblogs.com/XHappyness/p/13528236.html#4703250
存在问题
做了一个记录页面（类似单方聊天页），输入框在底部；当弹出键盘时，页面整体上移，页面头信息会消失不见
需要实现效果：
比如一个记录页面，需要在键盘弹出时：

底部的输入框跟随键盘上弹
页面头固定在顶部不动
聊天信息区域（即内容区）调整高度，该区域局部滚动


解决方法

底部输入框fixed定位在底部，使用输]]></description><category></category></item><item><title><![CDATA[uniapp中swiper内嵌video组件的坑]]></title><link>https://blog.youkuaiyun.com/yangsi0706/article/details/108833132</link><guid>https://blog.youkuaiyun.com/yangsi0706/article/details/108833132</guid><author>yangsi0706</author><pubDate>Tue, 29 Sep 2020 11:19:12 +0800</pubDate><description><![CDATA[uniapp中swiper内嵌video组件的坑功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入
是使用uniapp写的项目，需求就是写一个tab切换，tab1里面是一段文本，tab2也是，tab3里面需要使用video组件插入一个]]></description><category></category></item><item><title><![CDATA[mock入门学习]]></title><link>https://blog.youkuaiyun.com/yangsi0706/article/details/107581140</link><guid>https://blog.youkuaiyun.com/yangsi0706/article/details/107581140</guid><author>yangsi0706</author><pubDate>Sat, 25 Jul 2020 17:21:24 +0800</pubDate><description><![CDATA[mockjs入门学习,自动生成数据
官网入口：http://mockjs.com/

安装：npm i mockjs --save-dev

创建mock.js文件

mock.js
// 引入mockjs
import Mock from 'mockjs'

// 图片大小定义
let size = [
  '300x250', '250x250', '240x400', '336x280',
  '180x150', '720x300', '468x60', '234x60',
  '88x31', ']]></description><category></category></item></channel></rss>