
JS
濮家大少
我是一个粉刷匠(前端开发)
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
带滚动条的图文列表局部刷新
图文列表局部刷新,暴露在视图内的部分才会实时更新原创 2023-07-21 10:35:48 · 226 阅读 · 0 评论 -
递归中有异步操作且要将异步变同步操作时,尽量不要使用forEach改用for循环
递归中有异步操作且要将异步变同步操作时,尽量不要使用forEach改用for循环原创 2022-11-22 15:33:05 · 558 阅读 · 0 评论 -
将数组数据先按照日期排序,相同日期再按名称排序
需求:讲一段无序的的数组对象先按照日期排序,日期相同的再按照名称排序(按名称排序是为了将名称前缀相同的放在一起)数据:newFundlist: [ { issueenddate: "2021-12-25", issuestartdate: "2021-12-13", secuname: "易方达互联互通ETF联接C", }, { issueenddate: "2021-12-25", issuestartd原创 2021-12-22 17:10:13 · 823 阅读 · 0 评论 -
结合async await循环调用接口
async queryNewFund() { let that = this let codeList = ['011891', '011892', '011893', '011894'] for (let i = 0; i < codeList.length; i++) { let obj = await that.getData(codeList[i]); if (obj) { // 此处是接口返回的数据,可以做汇总处理,例原创 2021-09-15 15:57:04 · 1012 阅读 · 0 评论 -
判断事件执行顺序--理解JavaScript事件循环机制
相信很多小伙伴看面试题的时候都看到过这种问js执行顺序的问题,这个问题也困扰了我一段时间,以下是我看完几篇大佬的文章后的理解,希望对大家有帮助。原创 2021-03-18 10:30:01 · 400 阅读 · 0 评论 -
JS求两个对象数组的差集
let arr1 = [ {fpcid: "2da37fdfe66140089dc3367b21cc6194", fpcNameCode: "34"}, {fpcid: "2da37fdfe66140089dc3367b21cc6195", fpcNameCode: "33"}, {fpcid: "2da37fdfe66140089dc3367b21cc6196", fpcNameCode: "35"}];let arr2 = [ {fpcid: "2da37fdfe66140089dc3367原创 2020-12-12 11:00:43 · 7047 阅读 · 5 评论 -
手写深拷贝方法
常用的深拷贝方法有:数组深拷贝:Array.concat()对象深拷贝:Object.assign()3.JSON.parse(JSON.stringify(obj))前两个深拷贝方法只有一级数组和对象可以正常使用,但是多级不行,例如://因为数组和对象是引用类型,拷贝后的数据和元数据的children其实还是同一个数组,复制的是指向存储在内存堆中的数据的指针。[ { type:'seller', children:[ { name:'Tom', age:20原创 2020-11-23 16:05:10 · 1125 阅读 · 0 评论 -
判断页面是否被iframe引入
根据window.top 和 window.self判断if(window.top === window.self) { //不在iframe中} else { //在iframe中}原创 2020-11-05 16:12:29 · 1289 阅读 · 0 评论 -
js实现简单的双向绑定
实现双向绑定是利用了Object.defineProperty() 方法。语法: Object.defineProperty(obj, prop, descriptor)参数说明:1 obj:必需。目标对象2 prop:必需。需定义或修改的属性的名字3 descriptor:必需。目标属性所拥有的特性<input type="text" id="input"/><span id="showText"></span><script> va原创 2020-08-06 16:19:49 · 666 阅读 · 0 评论 -
js手动下载文件
问题:下载文件一般可以使用a标签设置 download 属性来实现,但是遇到图片和.txt文件时是会直接打开,所以使用手动下载。downloadFile :function (fileUrl,fileName){ this.$axios.get(formUrl).then((res)=>{ let fileSuffix = fileUrl.split('.').pop();//文件名后缀。 let blob = new Blob([res.data], { type: `applicat原创 2020-06-29 16:33:47 · 333 阅读 · 0 评论 -
使用ES6的新特性实现数组去重
ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。而ES6中数组拓展的Array.from方法可用于将两类对象转为真正的数组:类似数组的对象和可遍历的对象(包括 ES6 新增的数据结构 Set 和 Map)。结合以上所述可以很方便实现数组去重function unique(arr){ return Array.from(new Set(arr))}unique([1,3,4,3,6,9,5,4,3])//结果:[1, 3, 4, 6, 9, 5].原创 2020-05-19 16:57:23 · 291 阅读 · 0 评论 -
常用的时间格式化方法
/** * 日期格式化函数,注意这时候传过来的是国际标准的时间格式 * 格式化只保留yyyy-MM-dd hh:mm:ss */function dateTimeFormat(time) { if (undefined == time) return; var date = new Date(time); var year = date.getFullYear(); /* 在日期...原创 2020-03-31 11:13:27 · 1658 阅读 · 0 评论 -
改变带有父子关系的数字对象上的某个键值
要求:将如下所示的带有父子关系的数组对象中的value值换成label值部分数据如下所示:处理方法: function dealdata(data){ var dealarr = (arr)=>{ //遍历数组 arr.forEach(element => { //当对象中由children属性时接着往下遍历 if(el...原创 2020-01-08 16:46:18 · 212 阅读 · 0 评论 -
JS中不加分号时报错的情况
问题var a=1,b=2;console.log("a",a)[a,b]=[b,a+b];console.log(a)报这样的错:Uncaught TypeError: Cannot set property 'XXX' of undefined原因在使用已( )和[ ]为开头的语句时, 要尤其注意, 因为这两个操作符会优先和前面的表达式进行组合。如果没有;号的阻断, 解释...原创 2019-10-21 16:41:08 · 811 阅读 · 0 评论 -
简单实现大转盘抽奖
期望完成效果:点击立即抽奖,指针根据指向奖项。实现引入这里使用了jQuery的jqueryrotate插件,所以要先引入 jquery以及jquery.rotate.min.js,我这里是都已经下载到本地,直接引入本地的<script src="js/jquery.min.js"></script><script src="js/jquery.rot...原创 2019-10-09 17:00:53 · 412 阅读 · 0 评论 -
js复制数组,对象
问题在js中,数组和对象的复制如果使用=号来进行复制,只是复制指向数组和对象的指针,本质上还是指向同一个数组和对象。数组的深拷贝1. for循环方法实现数组深拷贝2. concat方法实现数组的深拷贝3. ES6扩展运算符实现数组的深拷贝4. slice方法实现数组的深拷贝对象的深拷贝1. for循环方法实现对象深拷贝2. JSON方法实现对象的深拷贝3. ES6扩...原创 2019-09-26 16:10:45 · 242 阅读 · 0 评论 -
封装Ajax
为了开发方便,自己封装了一个Ajax请求流程封装代码如下://url--请求路径//type--请求方法(post/get)//data--请求参数//dataType--返回的数据类型function ajax({url,type,data,dataType}){ return new Promise(function(open,err){ //1. 创建xhr对象 var...原创 2019-09-20 17:50:37 · 110 阅读 · 0 评论 -
当后台返回的图片在前端加载不出来时,前端做默认图片展示
1问题描述后台返回的图片加载到页面上时发现有些图片无法加载出来,这时前端要做默认图片展示,最初使用img标签的onerror事件,但是使用这个方法等了很长时间才将替换图片加载出来,且当默认图片也加载不出来时会继续触发onerror事件形成死循环。问题展示:后台返回的图片信息:渲染到前端页面上:onerror事件之总后的替换图片2解决方案function CheckImgExists...原创 2019-08-16 11:00:57 · 5942 阅读 · 0 评论 -
URL传值乱码问题
1.问题:我在做商品搜索时需要将输入的内容传到商品列表页,在商品列表页查询对应商品,但是通过URL传值时输入英文可以,输入汉字获取时会出现乱码。2.解决方法看这个乱码眼熟,我发现这个是WEB服务器不能识别汉字就进行了额外处理(对汉字编码)。。那我可以在传参前对其编码,让web服务器识别,然后在接收那头对其解码。所以这里用到了JS的编码函数escape, escape可以把数据变为能被大...原创 2019-07-31 17:42:48 · 178 阅读 · 0 评论