摘要: 1 function deepClone(oldData) { 2 if(typeof oldData 'object' && oldData !==null) { 3 let res=Array.isArray(oldData)?[]:{} 4 for(let k in oldData){ 5 i 阅读全文
posted @ 2023-07-18 14:35 font-dev 阅读(10) 评论(0) 推荐(0) 编辑
摘要: 防抖和节流都是对高频事件进行优化,节流是在规定的时间内执行一次操作 1 window.onscroll=throttle(function(){ 2 alert(1) 3 },1000) 4 function throttle(fn,delay) { 5 let t=true; 6 return f 阅读全文
posted @ 2023-07-18 13:09 font-dev 阅读(13) 评论(0) 推荐(0) 编辑
摘要: 防抖是防止连续触发事件,只触发最后一次事件,可以使用防抖函数。 简单例子 1 let oinput=document.querySelector('input') 2 let t=null; 3 oinput.oninput=function(e){ 4 5 if(t!==null) { 6 cle 阅读全文
posted @ 2023-07-18 12:20 font-dev 阅读(43) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=`, initial-scale=1.0"> <meta http-equiv="X-UA-Comp 阅读全文
posted @ 2023-07-17 11:41 font-dev 阅读(22) 评论(0) 推荐(1) 编辑
摘要: function quickSort(arr){ //如果数组只有一个数,就直接返回; if(arr.length<1){ return arr; } //找到中间的那个数的索引值;如果是浮点数,就向下取整 var centerIndex = Math.floor(arr.length/2); // 阅读全文
posted @ 2023-07-16 23:02 font-dev 阅读(7) 评论(0) 推荐(0) 编辑
摘要: map封装: Array.prototype.map=function(fn){ var arr=this; var newArr=[] for(var i=0;i<arr.length;i++){ var ele=fn(arr[i],i); newArr.push(ele); } return n 阅读全文
posted @ 2019-11-30 09:35 font-dev 阅读(1283) 评论(0) 推荐(0) 编辑
摘要: 待续。。。 阅读全文
posted @ 2019-11-27 20:04 font-dev 阅读(101) 评论(0) 推荐(0) 编辑
摘要: 现在我们开始一个应用: 一个应用中包含4个组件,我们暂且可以想象是4个页面,首先是App.vue,App.vue中又包含3个子组件:About.vue,Home.vue,Document.vue App.vue中包含三个链接 about,home,document,点击about进入About,点击 阅读全文
posted @ 2019-11-27 16:22 font-dev 阅读(218) 评论(0) 推荐(0) 编辑
摘要: 什么是‘路由’,路由相当于一个映射,一个url地址对应一个组件,当url地址A变为url地址B,那么对应地址A的组件就会改变为对应地址B的组件。应用于spa,即:单页应用,url地址改变,它不会跳转页面,只会用url对应的模块取代上一个url对应的模块,始终都在一个页面操作。取代了传统的多页应用。值 阅读全文
posted @ 2019-11-27 16:16 font-dev 阅读(317) 评论(0) 推荐(0) 编辑