07 2020 档案
摘要：js节流和防抖的应用非常普遍，通常我们在完成功能代码进行性能优化的时候是最经常考虑到的点。 1、防抖 概念：在第一次触发时间的时候，不是立即执行函数，而是等待一段时间后（这个时间自己规定）后才去执行。如果在这个时间之内没有再次触发，那么就执行函数。如果在等待这段时间内又触发了这个函数，那么等待时间重
阅读全文
摘要：基础Hook 1、useState const [state, setState] = useState(initialState); //返回一个state变量，指为initialState，setState函数用来设置state的值 setState(1) 2、useEffect const [
阅读全文
摘要：1、在组件中直接使用style，注意，div1各个属性值加双引号 const div1 = { width: "300px", margin: "30px auto", backgroundColor: "#44014C", //驼峰法 minHeight: "200px", boxSizing:
阅读全文
摘要：new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。new 关键字会进行如下的操作： 创建一个空的简单JavaScript对象（即{}）； 链接该对象（即设置该对象的构造函数）到另一个对象 ； 将步骤1新创建的对象作为this的上下文 ； 如果该函数没有返回对象，则返回th
阅读全文
摘要：1、call ~function(){ function call_1(context, ...args){ context = context == undefined ? window : context; let type = typeof context; if(!/^('object|fu
阅读全文
摘要：浅拷贝： 1、对象：Object.assign()、{...obj1} 2、数组：Array.prototype.slice(arr1) 深拷贝： 1、简单封装函数 function deepClone(obj){ if(obj null) return null; if(typeof obj !=
阅读全文
摘要：function reduce(arr, callBack ,initVal){ if(!Array.isArray(arr) || !arr.length || typeof callBack != 'function') return []; let hasInitVal = initVal !
阅读全文
摘要：const eventUtils = { // 绑定事件 addEvent(ele, type, handler){ if(ele.addEventListener{ ele.addEventListener(type, handler, false) }else if(ele.attachEven
阅读全文
