![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
坚书直实i
最精彩的不是实现梦想的瞬间,而是坚持的过程
展开
-
vue-prism-editor插件,让代码块高亮
利用vue-prism-editor插件,让代码块高亮原创 2023-02-22 19:52:04 · 1791 阅读 · 0 评论 -
前端通过Vue-Code-Highlight插件让代码块高亮
前端通过Vue-Code-Highlight插件让代码块高亮原创 2023-02-20 21:50:12 · 1976 阅读 · 0 评论 -
JS正则表达式验证数字、非数字、正数、负数
JS正则表达式验证数字、非数字、正数、负数原创 2022-12-22 19:04:27 · 5856 阅读 · 0 评论 -
在对象中添加数据
对象中如何添加数据原创 2022-12-09 21:11:30 · 1387 阅读 · 0 评论 -
vue中监听复杂数据类型
vue中监听复杂数据类型原创 2022-12-06 17:47:28 · 316 阅读 · 0 评论 -
iview中纯CSS美化select和Cascader滚动条
iview中使用纯css样式美化select和Cascader滚动条样式原创 2022-08-17 11:35:38 · 1120 阅读 · 0 评论 -
Vue中directives用法--自定义指令控制按钮权限
Vue中directives用法--自定义指令控制按钮权限原创 2022-07-07 15:26:59 · 1152 阅读 · 0 评论 -
vue中前端怎么读取txt文本文档?
在vue项目中,怎么读取自定义的txt文本文档?第一步:把要读取的文本文档放到,public文件目录下。文档内容: 第二步: 定义函数第三步: 调用函数,输入文本中的内容原创 2022-06-11 15:55:41 · 7593 阅读 · 6 评论 -
iview中如何动态增减表单项
<style lang="less" scoped>.text { font-size: 16px; font-weight: 700;}.icon{ margin-left: 10px; cursor: pointer;}</style><template> <div> <Modal v-model="showCare" footer-hide width="600"> <p clas.原创 2022-05-30 18:11:39 · 455 阅读 · 0 评论 -
Promise 解决函数内异步问题
函数一: aaa(){ const list = new Promise((resolve,reject)=>{ setTimeout(()=>{ resolve("执行了") },5000) }) return list },函数二: getsListDataDictionaries(value){ let data = { dictCode:value }原创 2022-05-28 21:03:05 · 265 阅读 · 0 评论 -
vue中给数组中每一个对象去重
数组示例: 数组中包含了10个一样的对象,我们现在要去重。代码示例: 分装的方法。 dataHeavy(data,key){ let obj = {} let peon = data.reduce((cur, next) => { obj[next[key]]? "" : obj[next[key]] = true && cur.push(next); return cur; }, []...原创 2022-05-28 01:54:35 · 395 阅读 · 0 评论 -
JS判断两个对象是否相等
方法一:obj1 = {A:10} obj2={A:10} 结果为:true objEqual(a, b) { if (Object.keys(a).length !== Object.keys(b).length) { return false } for (let key in a) { if (b[key] === undefined) { return false原创 2022-05-28 01:40:32 · 220 阅读 · 0 评论 -
JS判断两个数组是否相等
/** * JS判断两个数组是否相等 * @param {Array} arr1 * @param {Array} arr2 * @returns {boolean} 返回true 或 false */ arrayEqual (arr1, arr2) { if (arr1 === arr2) return true; if (arr1.length != arr2.length) return false; for (var i = 0; i < arr1.le.原创 2022-05-27 18:26:11 · 282 阅读 · 0 评论 -
vue 中判断数组中是否有重复的数据
isRepeat(v){ let obj = {} for(let i in v){ if(obj[v[i]]){ return true } obj[v[i]] = true } return false },传入一个数组,调用该方法即可,true是存在重复的,fasle即不存在重复的。...原创 2022-05-14 18:38:26 · 3159 阅读 · 0 评论 -
前端实现分页
HTML: <div class="pageing"> <Page style="float:right;" :total="totalPages" :current.sync="importPaging" size="small" show-elevator show-total @on-change="pagingQuery"> </Page> </div>发请求获取所有数据://原创 2022-05-05 20:13:36 · 214 阅读 · 0 评论 -
配置Nginx代理
首先我们在swagger拿到一个http服务接口文档,现在要通过Nginx来代理。例如:配置示例: upstream mth-finance-capital-service { // 服务名 server 11.111.111.111:1111; // 这个是swagger上的地址路径包括端口 keepalive 10; } location /mth-finance-capital-service { // 服务名 root原创 2022-03-24 14:12:07 · 3207 阅读 · 0 评论 -
VueX的存储与使用缓存页面查询条件
当我们在页面查询数据后,跳转到另一个页面,返回时查询条件还在怎么?第一步:在vuex里新建一个对象用来保存查询条件。在state:{}这个对象里增加一个变量 例如: state: { rateSettingQuery: { // 需要缓存的查询条件 name: "", startTime: "", endTime: "", type: "", page:"", }, }第二部:在mutations:{原创 2022-03-16 17:16:10 · 902 阅读 · 0 评论 -
字符串的方法
replace :替换字符串中的某个字符。let number = "1%00%"console.log(number.replace("%",""))结果:join:将数组的值拼接成字符串。 let arr = ["星期一","星期二","星期三","星期四","星期五"] let str = arr.join("-") // 用什么拼就是用什么连接,传空的话就是一个字符串 console.log(str)结果:reverse:翻转数组原创 2022-03-08 16:06:06 · 204 阅读 · 0 评论 -
Cannot read properties of undefined (reading ‘__ob__‘)
出现这种情况的原因是没有在data里面写return。原创 2022-02-28 19:03:20 · 1657 阅读 · 1 评论 -
前端怎么使用自己模拟的JSON文件
第一步:在需要使用JSON数据的vue文件里面,引入一个jQuery的包import $ from "jquery"第二步:在vue的项目中 public文件夹里面新建一个需要的JSON文件。第三步:直接在该vue文件的create函数里面发axios请求。 created(){ $.ajax({ url: 'test.json', type: 'GET', dataType: 'json', success:原创 2022-02-18 14:24:46 · 1944 阅读 · 0 评论 -
怎么把二进制数据流Blob转换成JSON
axios.post('/finance-admin/api/contract/file/downloadZip', { "type": "3","idList": this.downloadID }, {responseType: 'blob'} ).then((res) => { this.resp = res const { data, headers } = res const fileName = headers['c...原创 2022-01-25 20:43:29 · 3354 阅读 · 0 评论 -
js中怎么删除一个数组中包含的另一个数组
例如: array2中包含了array1数组,怎么在array2中删除array1的内容。 array1 = [ {id:10},{id:20} ] array2 = [ {id:10},{id:20},{id:30},{id:40} ] for循环写法: array1 = [ {id:10},{id:20} ] array2 = [ {id:10},{id:20},{id:30},{id:40} ] let data = [] for(let原创 2022-01-25 20:33:20 · 2976 阅读 · 0 评论 -
js四舍五入保留两位小数的方法
1,toFixed(): 此方法只包含小数位数的数字,适合处理金钱2,toPrecision() :此方法包含所有数字,3.不需要四舍五入 Math.floor()原创 2022-01-21 15:49:20 · 1728 阅读 · 0 评论 -
vue中怎么让字符串进行换行空格等操作
把字符串用<pre></pre>标签包裹起来,然后再输出那个字符串。例如:"<pre>"+response.subMessage+"</pre>"原创 2021-12-15 21:31:33 · 2133 阅读 · 0 评论 -
vue中封装函数全局都可以通过this调用。
第一步新建一个js文件。例如:export default { // Compares whether two arrays are equal arrayEqual (arr1, arr2) { if (arr1 === arr2) return true; if (arr1.length != arr2.length) return false; for (var i = 0; i < arr1.length; ++i) { if (arr1原创 2021-12-15 21:06:50 · 1623 阅读 · 0 评论 -
Windows中Nginx的启动、停止等命令
1、启动:C:\server\nginx-1.0.2>start nginx 或 C:\server\nginx-1.0.2>nginx.exe注:建议使用第一种,第二种会使你的cmd窗口一直处于执行中,不能进行其他命令操作。2、停止:C:\server\nginx-1.0.2>nginx.exe -s stop 或 C:\server\nginx-1.0.2>nginx.exe -s quit注:stop是快速停止nginx,可能并不保存相关信息;...原创 2021-12-14 13:33:24 · 2394 阅读 · 0 评论 -
组件封装--模态对话框
首页新建一个子组件:<style lang="less" scoped>.p_text{ padding: 20px 20px; font-size: 18px;}.p_text_center{ padding: 20px 45px; font-size: 18px; text-align: center;}</style><template> <div> <Modal footer-hide v-m原创 2021-12-03 20:46:32 · 580 阅读 · 0 评论 -
vs code怎么更改左侧栏的字体大小
要想更改这个部分的大小,首先找到设置 ---> 窗口 修改这里的数值即可。原创 2021-11-19 13:39:24 · 7716 阅读 · 1 评论 -
父子组件传值之(子传父)
当我们在需要把子页面的数据传递给父页面时,就需要用到子传父通信。下面是要把封装好的验证码组件放到父组件里面使用,由于是子组件里面生成的验证码,所以这里要把子组件的值传递到父组件里面去,用于校验判断。下面是细节步骤:1. 首先我们是要把子组件data里面的checkCode传递到父组件里 watch:{ checkCode(newvalue,oldvalue){ this.$emit("send",newvalue,oldvalue) } },//原创 2021-10-30 20:08:39 · 1369 阅读 · 0 评论 -
前端实现展示和点击更换验证码效果
HTML代码:<Input v-model="yanzhengma" style="width:200px;"></Input> <!-- 画布用于展示验证码 --><canvas class="codeCanvas" ref="checkCode" @click="getCode"></canvas><Button @click="checkMe">下一步</Button>参数和变量:inputCod原创 2021-10-08 11:11:45 · 626 阅读 · 0 评论 -
vue中怎么遍历对象取出里面的键和值组成数组
首页发请求拿到一个对象:动态创建一个对象里面有键和值: combinationObject(value,label){ let obj = {} obj.value = value obj.label = label return obj },使用for遍历需要拆成数组的对象: 并把对象里面的键和值添加到新对象里面去。for(let i in response.result.YSD_TEXT_MANAGE_PROJE...原创 2021-09-30 01:55:10 · 2960 阅读 · 0 评论 -
vue模块化开发及父子组件传值(父传子)
首先新建一个主页面,把里面的模块全部单独拆分开做成子页面,并引入到主页面。再把主页面的参数传递给子页面用来判断以及其他操作。主页面(父页面)如下:<style lang="less" scoped>.p1 { font-family: "微软雅黑"; font-size: 16px; font-weight: 500;}</style><template> <div> <Card><p clas原创 2021-09-30 00:40:55 · 272 阅读 · 0 评论 -
vue一个页面引用另一个页面
①写好一个完整的vue页面并导出②在需要使用的页面引入。③在vue中的<template></template> 里面使用。原创 2021-09-15 18:59:50 · 694 阅读 · 0 评论 -
如何用递归更改树结构里面的键和值
首页我们拿到一个树形结构的数组。如下:现在我们来更改里面的 apiId 的值。 它是15更改为0。写一个递归的函数如下: changeId(objAry, key, newkey){ objAry.forEach(item=>{ Object.assign(item,{ [key]:newkey }) this.changeId(item.children,key,newkey) ...原创 2021-09-09 22:05:03 · 1538 阅读 · 1 评论 -
vue实现PC端rem自适应适配。
安装好了之后还需要在项目的入口文件 main.js 里引入 lib-flexible。依赖:项目基础配置使用vue-cli2生成自适应方案核心: 可伸缩布局方案lib-flexible。px转rem:px2rem,它有webpack的loader px2rem。开始:使用npm 安装 lib-flexible和px2rem-loadernpm i lib-flexible -Snpm i px2rem-loader -D安装好了之后还需要在项目的入口文件 mai...原创 2021-08-09 22:40:26 · 4007 阅读 · 2 评论 -
前端使用iview中upload上传文件给后台
在弹框里面添加 upload上传文件。上传前的钩子函数。 return false; 可以阻止默认的上传流程,手动控制文件上传。上传时的确定按钮。最后:后台给你返回的链接 例如:www.baidu.com。 需要使用点击按钮打开。...原创 2021-07-17 16:54:03 · 1530 阅读 · 0 评论 -
router.beforeEach超过最大调用堆栈大小(Maximum call stack size exceeded)
今天在使用router.beforeEach时,直接用next("/login")造成死循环了。示例: 报错信息如下。在这里分析了一下原因:①next()表示路由成功,直接进入to路由,不会再次调用router.beforeEach()。②next('/login')表示路由拦截成功,路由重定向至login,会再次调用router.beforeEach()。 } else if(JSON.parse(localStorage.getItem("userInfo")) == n...原创 2021-07-17 16:45:41 · 986 阅读 · 0 评论 -
数组的去重(ES6语法)
var Aarr = [1,2,3,3,4,5] var newarr = [] Aarr.forEach(item=>{ if(!newarr.includes(item)){ newarr.push(item) } })原创 2021-06-19 21:12:05 · 156 阅读 · 0 评论