墨暖-CSDN博客

原创 vue动态路由刷新白屏问题

vue动态路由白屏， vue3动态路由白屏，动态路由白屏

2023-04-06 15:21:30 1024 1

原创 vue3使用quill富文本编辑器，保姆级教程，富文本踩坑解决

vue3富文本编辑器踩坑，quill,quilleditor,QuillEditor,保姆级教程

2022-12-08 17:24:43 19593 57

利用键名不能重复 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; }

2022-04-13 09:34:41 145

原创 vue双向绑定失效，视图不更新，$set()失效解决办法

vue开发遇到的数据更新视图不更新问题*在开发过程中我们经常会遇到数据更新视图不更新问题，所以会用到一些方法解决问题，1、先尝试使用深度监听telShow:{ handler(val){ console.log(val) }, deep:true, immediate:true,}2、如果是数组对象使用$set方式改变数据内容this.$set(item1,'value',saveValue);（数组或者对象，增加名称，内容）3、$set()解决不了使用this.$for

2021-12-08 17:59:04 6867 7

原创 css设置文字超出显示省略号, el-table滚动条错位，v-for和$ref问题

white-space:nowrap;不换行overflow:hidden;//内容超出隐藏text-overflow:ellipsis;显示省略号前提设置文字盒子的宽度

2021-11-02 11:45:44 786

原创 uniapp中OSS直传阿里云（h5）

OSS直传阿里云在移动端uniapp项目中遇到了要是用OSS直传阿里云服务器，经过各种踩坑，最终想总结点东西，希望有用1、安装依赖npm i ali-oss --save2、在上传页面中引入const OSS = require(‘ali-oss’);3、实例化OSS实例化oss时要么用后台返回的数据，要么自己在自己所用的阿里云服务器寻找，此处能查的比较多，不多说了let client = new OSS({ region: 'xxxxbeijing.aliyuncs.com/', //

2021-10-11 16:53:59 3988 8

原创 uniapp中修改样式问题

uniapp中使用uview-ui修改样式在nuiapp使用过程中会遇到修改样式问题，首先我们要通过页面中Element寻找真实控制的class名uview中uniapp中这时候我们直接在style中修改样式有的时候会不成功，这时候就需要用vue样式传统在style内写这样就可以修改样式，图中是针对与vue-cli3中scss环境，若不生效则使用或者基本三种方式可以解决大多数问题...

2021-09-29 15:26:37 6121

原创 js实现放大镜效果

js实现放大镜效首先放大镜的原理，通过调整移动距离比例，由左方小图片中移动小方框，显示右边提前设置好的窗口中放大的局部图片（图片可以自己去网上找，最下方小编会放入原代码，略微修改图片地址和css宽高便可使用）首先我们先搭出html结构设置两个盒子左小右大，左边盒子与图片大小一致即可（也可以自己设置），分别放入图片（自己随意添加），再向第一个盒子中写入一个小盒子，方便后面做拖动显示哪一部分。...

2019-12-18 14:34:56 10468 3

原创简单的密码框判断

简单的密码框判断(1)用户输入一个用户名之后，失去焦点对对用户名进行验证，并给出相应对提示：要求： a.字符串不能为空b.长度在6—20 之间c.不能用数字开头d.只能包含数字、字母、下划线var oNames = document.getElementById(‘names’);//寻找节点var oInport = document.getElementById(‘inpo...

2019-12-05 15:41:44 569

原创寻找最值的方法

寻找最值function extreme(array){var a;for(var m=0;m<array.length;m++){for(var i=0;i<array.length-1-m;i++){if(array[i]>array[i+1]){a=array[i];array[i]=array[i+1];array[i+1]=a;}}}return...

2019-12-05 15:29:53 400

原创 js常用的两种排序方式（冒泡和选择）

js常用的两种排序方式（冒泡和选择）冒泡排序var arr1 = [12,35,48,10,26];var a;function fn(arr){for(var x=0;x<arr.length;x++){//外层循环控制交换的总轮数for(var y=0;y<arr.length-x-1;y++){//内循环进行本位和下一位的对比if(arr[y]>arr[...

2019-12-04 16:28:33 167

原创 js轮播图注意事项

轮播图是我们初学者能写出的功能之一，笔者在这里说一下轮播图容易出现的问题笔者第一次做轮播图的时候，是先让图片用setInterval函数轮播图片，再去实现下标切换，左右按钮图片切换，然而完成之后效果存在，但是左右按钮切换时会出现一些小bug，第一次点击时会点击两次才能实现切换，具体原因笔者认为时间函数执行过一次后就立马进入到下一次，而自己在函数里记录的变量值已经发生改变，所以会出现错误。正确的...

2019-12-02 10:31:11 656

原创 js三种获取节点的方法

节点是我们用js代码控制HTML的重要枢纽，下面介绍三种最常用的方法1.通过id：var oBox = document.getElementById(‘box’);上述oBox是记录节点方便使用的（名字是可以任意选取），单引号中的box为HTML里面自己想要选中的标签的id(id名字自己命名)2.通过class：var oCon = document.getElementsByClas...

2019-11-29 11:07:01 2538

原创 js 三目运算详解

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...

2019-11-28 09:12:04 14793

moanuan的博客