10 2021 档案

手写节流函数
摘要：节流原理 如果持续的触发事件，每隔一段时间，只执行一次事件 应用场景 DOM元素的拖拽功能实现 射击游戏 计算鼠标移动的距离 监听scroll滚动事件 underscore中的防抖函数_.throttle contant.onmousemove = _.throttle(doSomeThing, 2 阅读全文
posted @ 2021-10-23 13:50 WJJ呀 阅读(93) 评论(0) 推荐(0)
手写函数防抖
摘要：防抖的定义： 事件响应函数在一段时间后才执行，如果在这段事件内再次调用函数，则重新计算执行时间 不防抖的危害： 发送过多的请求，服务器瘫痪 影响性能，出现卡顿 防抖的应用场景： scroll 事件滚动触发 搜索框输入查询 表单验证 按钮提交事件 浏览器窗口缩放，resize事件 ####Unders 阅读全文
posted @ 2021-10-19 21:41 WJJ呀 阅读(149) 评论(0) 推荐(0)
Vue.js的MVVM的响应式原理-指令解析&初始化视图
摘要：Vue.js采用数据劫持结合发布者-订阅者模式的放方式，通过Object.defineProperty()来劫持各个属性的setter,getter，在数据变动时发布消息给订阅者，触发响应的监听回调 Vue.js内部指令解析和视图初始化 //MVue.js const compileUtil = { 阅读全文
posted @ 2021-10-15 22:44 WJJ呀 阅读(49) 评论(0) 推荐(0)
将数组中的数字排序输出一个最大值
摘要：例如： 输入：[10,9,2] 输出：9210 let arr = [10,2,13,61,90]; function fn(list){ //将数组中的数字转化为字符串 let hh = list.map((item)=>{return item.toString()}); let cc = 0; 阅读全文
posted @ 2021-10-14 22:12 WJJ呀 阅读(255) 评论(0) 推荐(0)
函数的柯里化
摘要：bind() ES5新增方法 主要作用：将函数绑定到某个对象中，并且有返回值（一个函数），可用于函数的柯里化，对于不同模块配置不同的参数 function getConfig(color, size, otherConfig){ console.log(color, size, otherConfi 阅读全文
posted @ 2021-10-06 11:07 WJJ呀 阅读(35) 评论(0) 推荐(0)
apply和call方法的使用
摘要：1.找出数组中的最大值 let arr = [1, 2, 3, 4, 8, 10] let maxArr = Math.max.apply(null, arr) console.log(maxArr) // 10 2.将类数组转换为真正数组 function fn(){ console.log(ar 阅读全文
posted @ 2021-10-06 10:47 WJJ呀 阅读(68) 评论(0) 推荐(0)