Scholar___-CSDN博客

原创 vuex

Vuex是什么？Vuex是一个专门为Vue.js应用程序开发的状态管理插件，它采用集中式存储管理应用的所有组件的状态，而改变状态的唯一方法是提交mutation。什么时候使用Vuex?多个组件依赖于同一状态时来自不同组件的行为需要变更同一状态怎样引用Vuex先安装依赖 npm i vuex -- save在项目目录src中建立store文件夹在store文件夹下新建index.js文件，写入：import Vue from 'Vue'import Vuex from

2021-04-25 14:53:12 152

原创 2021最新前端面试精选题（JavaScript)

1、JS的数据类型（1）基本数据类型：在存储变量时存储的是值本身，包括String、Number、Boolean、undefined、null、Symbol(es6新增)、BigInt（es10新增）（2）引用数据类型：在存储变量是存储的仅仅是地址，如Object、Array、Date两者的区别：（1）基本数据类型存放在栈中，由操作系统自动分配释放存放函数的参数值、局部变量的值等；引用数据类型栈中存放的是地址，真正的对象实例存放在堆空间中。（2）基本数据类型占据空间小，大小固定，属于被频繁使用的

2021-04-23 17:29:26 270

原创 vue项目实现分页，导出excel表格功能

// 首先写个pagination组件template // 此处去除了标签符号div :class="{‘hidden’: hidden}" class=“pagination-container” // 此处去除了标签符号<Pagination:background=“background”:current-page.sync=“limiNum”:layout=“layout”:total=“total”:page-size=“limit”v-bind="$attrs"@si

2021-03-26 16:02:30 655

原创 prop ‘list‘ should define at least its type 报错解决方案

1出现这个问题可能是您在项目中启用了ESlint，从而激活了此强制性规则您在项目中应该是这样写的：props: [ ‘list’ ]然后报prop ‘list’ should define at least its type意思是我们至少要给 show定义类型所以我们改成props: {list: {type: Object, //类型default: null //默认值}}我们给list定义了类型为对象，默认值给个null。这样我们的问题就得到了解决希望可以解决大家的帮助，互相

2021-01-14 15:29:25 10442 2

原创 vue如何实现轮询，每隔几秒请求一次

业务场景：某个业务号经过缴费之后，会生成一个保单号，我们需要每隔几秒请求一次拿到保单号在此场景中，因为保单号是需要第三方平台确认收到账款之后才返回的，而且是一个一个单号返回的，当我们选择n条数据进行操作的时候，我们就必须每隔几秒请求一次，直到我们拿到的保单号和我们请求的数据条数相同时，停止请求话不多说，直接上代码：使用的是vue+axios假设获取保单号的后端接口为 cashierStatusNotice参数为流水号 tradeNo//写在template中保单号: {{ item }}

2021-01-11 15:37:39 5728 7

原创数组去重的快捷方法，非常实用

给大家介绍一个数据去重的快捷方法，很实用，各位小伙伴们可以保存下来哦let array = [100, 23, 23, 23, 23, 67, 45];let outputArray = Array.from(new Set(array))console.log( outputArray) // [100,23,67,45]这个方式很好用，倾力推荐...

2020-12-31 15:03:13 202 1

原创金额加减乘除精度算法

我们都知道，浮点数的加减乘除，大多时候会出现很多的小数点以及不精确的场景话不多说，直接上代码浮点加法精度方法：numberAdd(arg1,arg2) {let r1, r2try {r1 = arg1.toString().split(’.’)[1].length} catch(e) {r1 = 0}try {r2 = arg2.toString().split(’.’)[1].length} catch(e) {r2 = 0}const m = Math.pow(10,Ma

2020-12-25 10:50:53 397

原创金额千分位添加，方法以及金额去除千分位，方法

业务需求：金额在千分位要加上，并且保留两位小数话不多说，直接上代码金额千分位添加function format_number(s) {if (s == null || s == ‘’ || s==0) {return 0}s = s.toString().replace(/^(\d*)$/,’$1.’)s = replace(/(\d*.\d\d)\d*/,’$1’)if (s > 0) {s = (s + ‘00’）.replace(/(\d*.\d\d)\d*/,’$1.’)

2020-12-24 16:10:14 665 2

原创 table表格中某条数据不符合条件该条数据背景颜色变灰的写法

业务背景：点击table表中的某条数据，调用接口，判断缴费截止日期是否在今天之后，在今天之前的，给出提示，并且该条数据的背景颜色便会该项目所用到的是vue+element1、首先在table的表头中绑定 :cell-class-name=“tableRowClassName” 这是element中table表的className回调方法2、定义两个背景颜色一个是 warning-row { backgrobaund: #778899 !important } //灰色背景一个是 success-

2020-12-23 11:24:47 726 1

原创 base64文件流转换成pdf格式下载/打印，兼容IE浏览器

需求: 后端返回的是一个base64的文件流，需要前端自行处理，把它处理成PDF格式并在浏览器中打印出来代码：getPrint(data).then(res => {const URL = this.dataURLtoBlob(res.data) // res.data是后端返回的base64流const reader = new FileReader()reader.readAsDataURL(URL)reader.onload = function(e) {//兼容IEif (wi

2020-12-17 16:26:07 2581 2

原创用Vue做一个简单的tab效果

需求1：button的高亮改变 class 即可思路： 1. vue 中一切都与数据相关。先去思考需要什么数据当前是什么页面 - currentPage 2. 用 currentPage 这个数据与 button 元素的 class 绑定起来 3. 用 currentPage 来控制下面 div 的显示隐藏...

2020-04-13 21:35:17 238

原创数组更新检测

Vue 是数据驱动的，如果某个数据的类型是数组类型，在一些数组的操作下是可以更新页面的，还有一些数组的操作不会引起页面的更新. 下列的数组方法是可以引起页面更新的（变异方法）： push() 尾部添加 pop() 尾部删除 shift() 头部删除 unshift() 头部添加 splice() ...

2020-04-12 12:15:24 598

原创 vue中的指令问题

Vue 指令问题01.v-model 双向数据绑定这样就可以实现一个数据的双向绑定，p标签中的 name会随着input框的value值变化而变化02.v-text 将数据绑定到元素的textContent上03.v-htmlv-html会把button当做标签解析出来，而v-text是把button当做字符串解析04.v-show 根据表达式之真假值，切换元素的 disp...

2020-04-12 11:59:49 366

原创 JS中this的指向问题

在JavaScript中this的指向问题是很重要的，this永远指向函数的调用对象或事件的调用对象。下面我就来列举一下几种this的指向问题。1 单独的this或者全局函数中的this指向window对象2 对象的方法中，this指向调用当前方法的对象上面代码中person.show()由person对象调用，指向person对象，a()是把show方法重新赋值给a，挂在windo...

2020-02-23 23:01:09 186 1

Scholar___的博客