- 博客(25)
- 收藏
- 关注
原创 前端学习资源整理,涉及vue、react、KOA
学习资源需要的收藏哦,路过点赞嘻嘻!Vue3相关资源Https://vue3js.cn视频Vue相关链接: https://pan.baidu.com/s/1FUhV7qTibAmmlLWkqvbnWQ 提取码: 82mg解压密码:LKDJKLAhdkj12312POqwe面试相关链接: https://pan.baidu.com/s/1WITyxQr_Pb9OhrBeVSl8GA 提取码: jusf前端电子书:链接: https://pan.baidu.com/s/1pKPXx2vc
2021-03-12 11:16:52
360
原创 vue 兄弟组件/非父子组件的通信
兄弟组件/非父子组件的通信使用BUS总线1、新建一个bus.js文件import Vue from 'vue'export default new Vue()2、在需要通信的两个组件中引入bus.js文件A组件 监听updateFileList方法import Bus from '@/config/bus'Bus.$on('updateFileList', (data) => { // data是接收的参数 console.log(data)})B组件触发up
2021-03-12 11:13:29
184
原创 JS异步之宏队列与微队列
JS异步之宏队列与微队列宏列队: 用来保存待执行的宏任务(回调), 比如: 定时器回调/DOM事件回调/ajax回调微列队: 用来保存待执行的微任务(回调), 比如: promise的回调/MutationObserver的回调JS执行时会区别这2个队列JS引擎首先必须先执行所有的初始化同步任务代码每次准备取出第一个宏任务执行前, 都要将所有的微任务一个一个取出来执行...
2021-03-12 11:12:04
112
原创 axios用delete方法传参数
在axios中,post和put的第二个参数直接为data,第三个参数为config。但是delete第二个参数为config,所以传值时需要借助config中data字段,用data携带过去return axios.delete('/url/dataurl', { data: data, header: {xxx: xxx} }).then(res=>{ return res.data }).catch(err=>{ return e
2021-03-12 11:08:14
4505
原创 vue,el-select 绑定id值
el-select 绑定id值在实际需求中,el-select的数组选项有多个,展示给用户选择的是每个选项的文本,但是传给后台的数据需要文本对应的id比如选项数组是:applyTypeList:[{id:1,label:‘甜品’},{id:2,label:‘烧烤’}]下拉框可选的是甜品和烧烤,但是我们需要记录的不是甜品和烧烤,而是他们对应的id的值,此时就需要绑定id值。HTML<el-select v-model="applyType" placeholder="申请类型" clearab
2020-08-13 09:53:46
2242
原创 js数组对象中,新增对象前判断是否已有重复的
js数组对象中,新增对象前判断是否已有重复的此处的背景是在vue中,data已经定义了authDatasdata中:authDatas : [{code:1,value:'qq'},{code:2,value:'weixin'}]this.authDatas.forEach(function(item,index) { if (item.code === authDatasObj.code) { that.authDatas.splice(index,1) // 删
2020-08-13 09:46:35
3810
2
原创 vue中父组件触发子组件的方法
vue中父组件触发子组件的方法1. 在子组件(checkTree)中定义以下方法:getCheckedNodes(authoId) {.....}2. 在父组件中:父组件引用子组件(ref)<checkTree :options="userOptions" ref="treeChild" :props="defaultProps" @getNodeArr="getNodeArr(arguments)"></checkTree>js中,通过ref引
2020-08-13 09:41:34
320
原创 多选框选择一个el-check,但所有的el-check都被选了
遇到的问题:el-checkbox-group 绑定的值只有true/false (或者:选择一个el-check,所有的el-check都被选了)解决:假设el-checkbox-group绑定的值的list,list在data中应该定义为数组[] (即:list: [])。原因是el-check是多选框...
2020-08-13 09:35:35
846
原创 js 怎么判断一个对象的键值对的所有值是不是都为空
var arr = Object.values(searchForm).filter(function (item) { if (item !== '') { return true //过滤掉为空的项 }})if (arr.length === 0) { // 如果过滤后的arr长度为0,表示对象的键值对的值都为空! console.log('searchForm这个对象的键值对的值都为空') }searchForm是一个对象。...
2020-08-13 09:33:57
7205
原创 javaScript中获取一个对象的所有键名
Object.keys(一个对象),//返回值是包含key的数组(IE9及以上可支持 Chrome与FF自不必说)Object.values() //获取所有的value值Object.entries() //分别将keys 和 values 放到两个数组中这些都行,看自己需求
2020-08-13 09:30:02
1854
原创 CSS实现两栏结构自定义布局
来公司实习的时候安排了一些工作,其中有实现两栏布局和三栏布局。html代码中一个innerFrame就是一栏。要实现的效果图:HTML:<div class="outterFrame"> <div class="innerFrame"> <div class="headTitle"><span>选择角色</span></div> <div> <c
2020-08-13 09:28:17
381
原创 在vue中使用element-ui,el-radio使用v-for循环显示
el-radio使用v-for循环显示HTML:<el-radio-group v-model="AuthoCheck"> <el-radio v-for="item in authTypeList" :key="item.id" :label="item.value"> {{item.value}} </el-radio></el-radio-group>javaScript:.....
2020-08-13 09:22:10
11237
1
原创 vue项目中 img的src动态设置问题
vue项目中 img的src动态设置问题当图片有动态设置需求的时候,需要做以下操作HTML中<img class="nodePic" :src="devImg" alt="开发进度">JavaScript脚本中:import undone1 from '../../assets/images/DPass2.0/processNode/undone1.png'import done1 from '../../assets/images/DPass2.0/processNode/don
2020-08-13 09:15:48
2107
原创 javaScript正则表达式整理
元字符\b代表着单词的开头或结尾,也就是单词的分界处。(只匹配一个位置).匹配除了换行符以外的任意字符*匹配重复任意次(可能是0次)。它指定*前边的内容可以连续重复使用任意次以使整个表达式得到匹配。+匹配重复1次或更多次。.*任意数量的不包含换行的字符\d匹配一位数字(0,或1,或2,或……)\s匹配任意的空白符,包括空格,制表符(Tab),换行符,中文全角空格等。\w匹配字母或数字或下划线或汉字等。^匹配字符串的开始$
2020-08-12 16:29:14
141
转载 vue-cli3项目在手机端测试
转载原文链接本文是转载,原著介意私聊,立马删。由于公司做一个移动端的项目,环境别人搭建的,找不到配置文件,和以前的vue-cli2不同,所以有点懵。在网上百度了好久发现这位老哥解决了我的问题。所以转载啦~~~...
2020-08-12 14:32:19
306
转载 npm 出错 报错request to...
npm 出错报错request to https://registry.npmjs.org/cnpm failed, reason: connect ETIME解决:npm config set strict-ssl false原文:https://blog.csdn.net/qy88666/article/details/107541913
2020-08-10 09:24:15
3276
原创 Git clone 远程仓库
Git clone 远程仓库1、先在本地创建一个本地仓库新建一个新的文件夹作为本地仓库:2、找到远程仓库URL第一个是SSH地址,第二个 是HTTP地址。任选一个地址复制。3、关联远程仓库右键上面新建的文件夹(smartBuilding),点击 git bash here,随后出现命令行窗口。输入命令: git clone [远程仓库地址]4、操作完成后,smaerBuilding文件夹中就拉取到了远程代码项目。...
2020-08-10 09:23:15
394
原创 vscode中使用gitlab关联远程仓库分支
1、将gitlab上项目的远程仓库地址复制下来(http/ssh)【补充:如果用ssh,要将自己git的公钥放在gitlab的SSH KEY上】2、假设把本地仓库放在桌面,在Desktop文件夹右键git bash here输入命令:git clone -b 【分支名称]】【远程仓库地址(http/ssh)】例子:git clone -b develop http://gitlab.?...
2020-05-07 16:17:43
3880
原创 删除node_modules
在硬盘中打开项目,右键删除node_modules失败,要取得管理员权限。然后右键取得管理员权限也不行。1. 全局安装rimraf模块:- npm安装:$ npm install rimraf --save-dev- yarn安装:$ yarn add rimraf --dev2. 使用rimraf:(getEnterInfo文件夹中包括node_modules)D:\down...
2020-04-05 21:31:48
1487
原创 qrcode.js生成二维码,无法识别
参数很多很长的时候,生成的二维码很乱很大,导致超过了原来的image宽高,二维码边缘部分没有完整显示。1、一开始把image的宽高放大,二维码原来被截取的部分显示了一些但是还是不够。没有出现完整的二维码。个人认为可能是测试设备屏幕宽度本身不大,尽管把image放的很大,设备能看到的最大就那样。2、后来我在qrcode.js的代码改了像素px。 原来的px代码为:px = Math.ro...
2020-04-05 21:24:28
3289
原创 【小程序云开发】本地调试和云端测试的结果不一致,返回值result为null
在云开发中,使用云函数会有很多坑。1.调用云函数的时候,云函数调试时返回值不是null,但是到了前端拿到的result却是null。2.调试云函数,本地调试和云端测试/真机测试结果不一样。表现为本地测试正常运行,云端和真机出错。解决方法:异步操作的问题。云函数主体代码运行到最尾时就会结束线程,不会等你异步的返回结果。// 云函数的index.js文件中exports.main = as...
2020-04-05 21:21:08
2184
1
原创 在app.js使用全局变量
在app.js使用全局变量// 在app.js文件中this.globalData = { identity: 2,}// 在需要使用全局变量的页面的js文件中const app = getApp()********data: { identity: app.globalData.identity,},*******/** * 生命周期函数--监听页面加...
2020-04-03 21:49:16
2070
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人