梦幻春影-CSDN博客

原创深拷贝的方法

深拷贝1、vue深拷贝(for循环遍历)export function deepClone(source) { if (!source && typeof source !== 'object') { throw new Error('error arguments', 'deepClone') } // 判断数据类型 const targetObj = source.constructor === Array ? [] : {} // Object.keys

2021-10-27 17:56:38 103

原创 Object.assign()的使用

Object.assign()的使用1、深拷贝(将源对象的属性合并到目标对象) 源对象的类型为基本的键值对 let obj={a:1,b:2} let obj2={} //目标对象 let obj3=Object.assign(obj2,obj,.....) //第一个参数是目标对象，第二个是源对象此时改变obj或obj3都不会改变另一个对象的值2、浅拷贝（源对象的属性值是对象） let obj={a:1,b:{b1:

2021-10-19 15:28:40 158

原创直接下载文件

1、html部分支持word和pdf,在本地是会预览pdf,在线上直接下载，因为文件是在线的，和本地会跨域 <el-button size="small" type="text" @click="download(scope.row.contractSignedFileUrl)" >下载</el-button>2、js部分methods；{ // 下载 download(ur

2021-09-26 16:26:23 130

原创 vue中预览并打印文件（多种格式）

1、在项目public的index.html引入js<script id="scriptApi" type="text/javascript" src="http://39.101.173.94/web-apps/apps/api/documents/api.js"></script>2、在vue页面中写html代码<div @click=print2> <div ref="demo" style="height: 80vh;margin-top: 1

2021-09-26 16:13:55 1609 1

原创日期格式化

使用插件moment格式化时间1、安装npm install moment --save # npm2、使用 import monent from 'moment' let time= moment( date).format('YYYY-MM-DD') moment不传时间则默认当前时间

2021-09-26 15:18:41 102

原创正则表达式

正则1、创建正则的方式:( 1、 let reg=/abc/ “这个叫对象直接量方式”；)( 2、 let reg=new RegExp(‘abc’) 这个叫构造函数方式)注释：这两种定义是一样的2、查找字符串 let reg = /abcd/g； let reg = new RegExp('abcd'，'g');注意:正则出现反斜杠需要转义 \...

2021-09-26 15:00:50 48

原创 this.$set()的使用

1、对象中的使用 1、添加属性/修改： this.$set (target, key, value) key为添加的属性名，value是属性名 2、通过Object.assign(target, sources)方法student: { name: '张三', }methods: { setMessage() { this.student.age = 15 this.student = ...

2021-08-12 10:12:10 1053

原创 vuex和全局变量的区别

1、vuex的优点1、vuex的存储时响应式的，当组件vue中store更改，相应的组件用到的地方也会高效的更新2、不能直接改变store里面的变量，需要通过dispatch调用action,然后action去commit（mutation），mutation会操作store里面的值，进行数据的改变2、对比vuex和全局变量1、vuex做的就是状态管理，主要时管理状态的一个库，把项目中公用的一些数据进行存储，某一个组件更改了vuex中的数据，其他相关的组件也会得到快速更新，但是全局变量可以任意修改

2021-06-16 11:24:57 3203

原创数组的去重

**方法1**let arr=[1,2,3,2,1]let arr2=[]for(let i=0;i<arr.length;i++){ if(arr2.indexOf(arr[i])<0){ arr2.push(arr[i]) }}*方法2* Set数据结构，唯一性let arr3 = Array.from(new Set([1, 3, 5, 3, 5, 6]))方法3 内部使用for of循环遍历let arr4 = [...new Se

2021-06-10 18:37:24 49

原创子父组件传值

1、子传父1、子组件: <template> <button @click=toParent>子组件</button> </template> export default{ methods:{ toParent(){ this.$emit('clickChild','子传父') } } 2、父组件: <template&gt

2021-06-08 15:25:26 80

原创路由的守卫

1、路由独享守卫 { path:'/hello', name:'Hello', component:'Hello', beforeEnter(to,from,next){ if(to.path='/hello'){ //要加 / ,而且不能用to.name alert('禁止跳转') next('hello2') }else }...

2021-06-07 16:36:54 47

原创 es6的学习

1、map的遍历 let arr = [1, 2, 3, 4] let newArr = arr.map(item => ({ a: item })) console.log(newArr); //0: {a: 1} //1: {a: 2} //2: {a: 3} //3: {a: 4} //返回一个新的数组对象2、es6去重const set=new Set([1,2,3,4,4,4,])let

2021-06-03 15:00:14 45

原创 scrollTop, offsetTop, pageYOffset, scrollY 的区别

scrollTopDOM对象的scrollTop用于获取或者设置一个元素里滚动的距离（垂直）。例如：document.documentElement.scrollTop可以获取当前页面的滚动高度，也可以获取某个DOM元素的滚动距离，例如：document.querySelector(’.content’).scrollTop，前提是.content元素存在，并且可以滚动。另外，scrollTop还可以把滚动条移到指定位置，例如：document.documentElement.scrollTop=0

2021-06-03 09:36:23 1693 1

原创 jquery用户登录

用户登录html部分 <form class="loginForm" action="welcome.html"> <div class="inputbox"> <label for="user">用户名：</label> <input id="user" type="text" name="username" placeholder="请输入用户名" required />

2021-05-19 17:01:08 667

原创 vueX

vuexState：定义了应用状态的数据结构，可以在这里设置默认的初始状态。类似于dataGetter：允许组件从 Store 中获取数据，mapGetters 辅助函数仅仅是将 store 中的 getter 映射到局部计算属性。类似于computedMutation：是唯一更改

2021-05-19 11:23:24 63

原创 gulp的介绍

gulp概念：gulp是一个自动化构建工具，主要用来设定程序自动处理静态资源的工作。简单的说，gulp就是用来打包项目的官网：https://gulpjs.com/中文官网：https://www.gulpjs.com.cn/docs/安装：全局安装：npm i [email protected] -ggulp -v # 测试是否安装成功全局安装表示在当前电脑中可以使用gulp环境了局部安装npm i [email protected] --save-dev # 因为在上线后是不需要这个包的，所以将这个项目安装在

2021-05-17 10:13:39 832

weixin_50186567的博客