javascript
恩婧
不以物喜,不以己悲
展开
-
JS中的遍历方法forEach和map的区别
一、用法:同为遍历数组的方法,两者的用法区别在于:forEach()会改变原数组的方法,不会返回有意义的值let arr = [1, 2, 3, 4, 5];arr.forEach((num, index) => { return (arr[index] = num * 2);});//执行结果 arr=[2,4,6,8,10]map()方法不会更改原数组,而是返回新的数组;let doubled = arr.map(num => { return nu原创 2022-03-19 15:45:41 · 3332 阅读 · 3 评论 -
ui组件 element 中是使用 el-empty报错
报错信息: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” option.报错图片报错原因:根据报错信息提示el-empty未注册,项目中全局引用element使用,无需单独注册某个组件。解决办法:重新安装element的版本,建议安装如下element,重新运行即可解决问题。npm i e原创 2021-12-14 14:01:39 · 5952 阅读 · 2 评论 -
a-upload文件夹上传
项目开发时遇到了一个需要使用upload组件上传文件夹的需求总的来说选中文件夹之后还是单个文件进行上传的本质需要清楚的是当上传多个文件的时候(比如10个文件10),upload组件的是先执行10次beforeUpload方法 再执行十次上传方法,完整代码如下;我的需求是在完成十次文件上传后进行一次表格数据刷新和上传成功的提示;//template中的代码<a-upload name="file" :showUploadList="false" :multipl.原创 2021-07-16 17:39:32 · 7228 阅读 · 0 评论 -
date各种格式
//获取当前时间(时分秒)let myDate = new Date();let str = myDate.toTimeString(); //"10:55:24 GMT+0800 (中国标准时间)"let timeStr = str.substring(0,8); // '10:55:24'原创 2021-07-07 11:33:37 · 1251 阅读 · 0 评论 -
deep迭代遍历树形tree数据 取出所需值
定义好迭代取值的方法let datas = [] //是一个树结构的数据setName(datas){ //遍历树 获取id数组 for(var i in datas){ this.expandedKeys.push(datas[i].id) if(datas[i].children){ this.setName(datas[i].children); } }},项目需求:取出当前分支的id以及当前分支的上一级id值,组成对象数组传递给接口数据/原创 2021-05-08 15:21:45 · 378 阅读 · 0 评论 -
vue v-for 下的$ref 返回数组
如果refs自身的dom,或父级的dom是经过v-for渲染出来的,vue框架就会把ref.key在registerRef函数就被设置成数组v-for父级dom渲染实现:source中查看被转化为数组格式:因此要获取对应元素从两个方面开始考虑:1、使用vue的this.$nextTick方法解决获取不到元素的问题;2、因为ref获取的元素变成了数组属性,因此要在多个refs中使用【0】取;因此这也是在获取refs对应的名称之后通过[0]这种获取数组元素的方式来获取对应的准确值;..原创 2021-02-27 09:10:03 · 1818 阅读 · 0 评论 -
quasar ui组件的使用记录
1、关于自定义页码 quasar pagination根据客户需求定制页码选项//table组件的相关属性:rows-per-page-options = [10,50,500]//完整代码//html <q-table class="q-mr-sm q-ml-sm q-mt-md" title="开机时长" separator='cell' :data="data" :columns="columns"原创 2020-12-22 16:09:00 · 693 阅读 · 0 评论 -
git安装成功后打开提示找不到指定文件
今天安装git成功之后,打开时提示找不到指定文件;搜了之后说是路径里不能出现中文, 改了之后还行,于是清理后再次安装!**像这种命令工具是不能更改路径的,大多需要安装在默认路径上,给大家避雷!!!**...原创 2019-11-07 19:58:09 · 3342 阅读 · 0 评论 -
jQuery中的on()方法中的使用
此方法可以在匹配元素上绑定一个或者多个事件处理函数。使用off()方法可以删除on()方法绑定的事件。语法结构一:$(selector).on(events,[selector],[data],fn)events:一个或多个用空格分隔的事件类型和可选的命名空间。selector:可选。一个选择器字符串,用以过滤选定的元素,该选择器的后裔元素将调用处理程序。如果选择是空或被忽略,当它到...转载 2019-10-05 18:04:40 · 339 阅读 · 0 评论 -
用gulp-sass编译项目css
原创 2019-10-04 22:45:02 · 118 阅读 · 0 评论 -
es6中forEach()用法
转载 2019-10-04 14:42:01 · 2163 阅读 · 0 评论 -
ajax请求
一、创建对象:var xmlHttp;if(window.XMLHttp){ xmlHttp=new XMLHttpRequest();}else{ xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");} 二、readystate状态改变,触发onreadystatechange事件xmlhttp.onreadystatechange=...原创 2019-10-04 10:02:30 · 96 阅读 · 0 评论 -
汗!检测滚动条滚动的距离
js代码window.onscroll = function () { var t = document.documentElement.scrollTop || document.body.scrollTop; if (t > 27) { } else if (t == 0) { }}原创 2019-09-22 21:58:23 · 289 阅读 · 0 评论