<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[moanuan的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/moanuan</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; moanuan]]></copyright><item><title><![CDATA[vue动态路由刷新白屏问题]]></title><link>https://blog.youkuaiyun.com/moanuan/article/details/129990130</link><guid>https://blog.youkuaiyun.com/moanuan/article/details/129990130</guid><author>moanuan</author><pubDate>Thu, 06 Apr 2023 15:21:30 +0800</pubDate><description><![CDATA[vue动态路由白屏， vue3动态路由白屏，动态路由白屏]]></description><category></category></item><item><title><![CDATA[vue3使用quill富文本编辑器，保姆级教程，富文本踩坑解决]]></title><link>https://blog.youkuaiyun.com/moanuan/article/details/128240291</link><guid>https://blog.youkuaiyun.com/moanuan/article/details/128240291</guid><author>moanuan</author><pubDate>Thu, 08 Dec 2022 17:24:43 +0800</pubDate><description><![CDATA[vue3富文本编辑器踩坑，quill,quilleditor,QuillEditor,保姆级教程]]></description><category></category></item><item><title><![CDATA[低版本Firefox和低版本Chrome中css样式]]></title><link>https://blog.youkuaiyun.com/moanuan/article/details/126136760</link><guid>https://blog.youkuaiyun.com/moanuan/article/details/126136760</guid><author>moanuan</author><pubDate>Wed, 03 Aug 2022 11:14:25 +0800</pubDate><description><![CDATA[display失效]]></description><category></category></item><item><title><![CDATA[数组对象去重]]></title><link>https://blog.youkuaiyun.com/moanuan/article/details/124140579</link><guid>https://blog.youkuaiyun.com/moanuan/article/details/124140579</guid><author>moanuan</author><pubDate>Wed, 13 Apr 2022 09:34:41 +0800</pubDate><description><![CDATA[利用键名不能重复
 function unique(arr){
   let unique = {};
   arr.forEach(function(item){
     unique[JSON.stringify(item)]=item;
   })
   arr = Object.keys(unique).map(function(item){ 
     return JSON.parse(item);
   })
   return arr;
 }


]]></description><category></category></item><item><title><![CDATA[vue双向绑定失效，视图不更新，$set()失效解决办法]]></title><link>https://blog.youkuaiyun.com/moanuan/article/details/121796924</link><guid>https://blog.youkuaiyun.com/moanuan/article/details/121796924</guid><author>moanuan</author><pubDate>Wed, 08 Dec 2021 17:59:04 +0800</pubDate><description><![CDATA[vue开发遇到的数据更新视图不更新问题
*在开发过程中我们经常会遇到数据更新视图不更新问题，所以会用到一些方法解决问题，
1、先尝试使用深度监听

telShow:{
	handler(val){
		console.log(val)
	},
	deep:true,
	immediate:true,
}

2、如果是数组对象使用$set方式改变数据内容

this.$set(item1,'value',saveValue);
（数组或者对象，增加名称，内容）

3、$set()解决不了使用this.$for]]></description><category></category></item><item><title><![CDATA[css设置文字超出显示省略号, el-table滚动条错位，v-for和$ref问题]]></title><link>https://blog.youkuaiyun.com/moanuan/article/details/121097353</link><guid>https://blog.youkuaiyun.com/moanuan/article/details/121097353</guid><author>moanuan</author><pubDate>Tue, 02 Nov 2021 11:45:44 +0800</pubDate><description><![CDATA[white-space:nowrap;不换行
overflow:hidden;//内容超出隐藏
text-overflow:ellipsis;显示省略号
前提设置文字盒子的宽度

]]></description><category></category></item><item><title><![CDATA[uniapp中OSS直传阿里云（h5）]]></title><link>https://blog.youkuaiyun.com/moanuan/article/details/120706169</link><guid>https://blog.youkuaiyun.com/moanuan/article/details/120706169</guid><author>moanuan</author><pubDate>Mon, 11 Oct 2021 16:53:59 +0800</pubDate><description><![CDATA[OSS直传阿里云
在移动端uniapp项目中遇到了要是用OSS直传阿里云服务器，经过各种踩坑，最终想总结点东西，希望有用
1、安装依赖
npm i ali-oss --save
2、在上传页面中引入
const OSS = require(‘ali-oss’);
3、实例化OSS
实例化oss时要么用后台返回的数据，要么自己在自己所用的阿里云服务器寻找，此处能查的比较多，不多说了
let client = new OSS({
 	region: 'xxxxbeijing.aliyuncs.com/', //]]></description><category></category></item><item><title><![CDATA[uniapp中修改样式问题]]></title><link>https://blog.youkuaiyun.com/moanuan/article/details/120549195</link><guid>https://blog.youkuaiyun.com/moanuan/article/details/120549195</guid><author>moanuan</author><pubDate>Wed, 29 Sep 2021 15:26:37 +0800</pubDate><description><![CDATA[uniapp中使用uview-ui修改样式
在nuiapp使用过程中会遇到修改样式问题，首先我们要通过页面中Element寻找真实控制的class名
uview中

uniapp中

这时候我们直接在style中修改样式有的时候会不成功，这时候就需要用vue样式传统
在style内写

这样就可以修改样式，图中是针对与vue-cli3中scss环境，若不生效则使用
或者

基本三种方式可以解决大多数问题

...]]></description><category></category></item><item><title><![CDATA[js实现放大镜效果]]></title><link>https://blog.youkuaiyun.com/moanuan/article/details/103597243</link><guid>https://blog.youkuaiyun.com/moanuan/article/details/103597243</guid><author>moanuan</author><pubDate>Wed, 18 Dec 2019 14:34:56 +0800</pubDate><description><![CDATA[js实现放大镜效
首先放大镜的原理，通过调整移动距离比例，由左方小图片中移动小方框，显示右边提前设置好的窗口中放大的局部图片（图片可以自己去网上找，最下方小编会放入原代码，略微修改图片地址和css宽高便可使用）
首先我们先搭出html结构
设置两个盒子左小右大，左边盒子与图片大小一致即可（也可以自己设置），分别放入图片（自己随意添加），再向第一个盒子中写入一个小盒子，方便后面做拖动显示哪一部分。
...]]></description><category></category></item><item><title><![CDATA[简单的密码框判断]]></title><link>https://blog.youkuaiyun.com/moanuan/article/details/103405852</link><guid>https://blog.youkuaiyun.com/moanuan/article/details/103405852</guid><author>moanuan</author><pubDate>Thu, 05 Dec 2019 15:41:44 +0800</pubDate><description><![CDATA[简单的密码框判断
(1)用户输入一个用户名之后，失去焦点对对用户名进行验证，并给出相	    应对提示： 要求： a.字符串不能为空b.长度在6—20 之间c.不能用数字开头d.只能包含数字、字母、下划线

var oNames = document.getElementById(‘names’);//寻找节点
var oInport = document.getElementById(‘inpo...]]></description><category></category></item><item><title><![CDATA[寻找最值的方法]]></title><link>https://blog.youkuaiyun.com/moanuan/article/details/103405757</link><guid>https://blog.youkuaiyun.com/moanuan/article/details/103405757</guid><author>moanuan</author><pubDate>Thu, 05 Dec 2019 15:29:53 +0800</pubDate><description><![CDATA[寻找最值
function extreme(array){
var a;
for(var m=0;m&lt;array.length;m++){
for(var i=0;i&lt;array.length-1-m;i++){
if(array[i]&gt;array[i+1]){
a=array[i];
array[i]=array[i+1];
array[i+1]=a;
}
}
}
return...]]></description><category></category></item><item><title><![CDATA[js常用的两种排序方式（冒泡和选择）]]></title><link>https://blog.youkuaiyun.com/moanuan/article/details/103389215</link><guid>https://blog.youkuaiyun.com/moanuan/article/details/103389215</guid><author>moanuan</author><pubDate>Wed, 04 Dec 2019 16:28:33 +0800</pubDate><description><![CDATA[js常用的两种排序方式（冒泡和选择）
冒泡排序

var arr1 = [12,35,48,10,26];
var a;
function fn(arr){
for(var x=0;x&lt;arr.length;x++){
//外层循环控制交换的总轮数
for(var y=0;y&lt;arr.length-x-1;y++){
//内循环进行本位和下一位的对比
if(arr[y]&gt;arr[...]]></description><category></category></item><item><title><![CDATA[js轮播图注意事项]]></title><link>https://blog.youkuaiyun.com/moanuan/article/details/103344295</link><guid>https://blog.youkuaiyun.com/moanuan/article/details/103344295</guid><author>moanuan</author><pubDate>Mon, 02 Dec 2019 10:31:11 +0800</pubDate><description><![CDATA[轮播图是我们初学者能写出的功能之一，笔者在这里说一下轮播图容易出现的问题
笔者第一次做轮播图的时候，是先让图片用setInterval函数轮播图片，再去实现下标切换，左右按钮图片切换，然而完成之后效果存在，但是左右按钮切换时会出现一些小bug，第一次点击时会点击两次才能实现切换，具体原因笔者认为时间函数执行过一次后就立马进入到下一次，而自己在函数里记录的变量值已经发生改变，所以会出现错误。
正确的...]]></description><category></category></item><item><title><![CDATA[js三种获取节点的方法]]></title><link>https://blog.youkuaiyun.com/moanuan/article/details/103304884</link><guid>https://blog.youkuaiyun.com/moanuan/article/details/103304884</guid><author>moanuan</author><pubDate>Fri, 29 Nov 2019 11:07:01 +0800</pubDate><description><![CDATA[节点是我们用js代码控制HTML的重要枢纽，下面介绍三种最常用的方法
1.通过id：
var oBox = document.getElementById(‘box’);
上述oBox是记录节点方便使用的（名字是可以任意选取），单引号中的box为HTML里面自己想要选中的标签的id(id名字自己命名)
2.通过class：
var oCon = document.getElementsByClas...]]></description><category></category></item><item><title><![CDATA[js 三目运算详解]]></title><link>https://blog.youkuaiyun.com/moanuan/article/details/103276082</link><guid>https://blog.youkuaiyun.com/moanuan/article/details/103276082</guid><author>moanuan</author><pubDate>Thu, 28 Nov 2019 09:12:04 +0800</pubDate><description><![CDATA[JavaScript 三目运算
1.三目运算的公式
公式：代码1 == 代码2(此为判断条件) ？‘结果1’ : ‘结果2’;
当条件成立时运行结果1，当条件不成立时运行结果2.
可以自行尝试一下代码：
var pass = true;
pass ==1? alert(1) : alert(2); //此时会弹出1
!pass ==1? alert(1) : alert(2); //此时会弹出2
...]]></description><category></category></item></channel></rss>