let items = document.querySelectorAll(".item"); //使用事件代理，统一在ul标签上对事件进行监听处理 document.querySelector('ul').onchange = function(e) { if(e.target.id === 'all'){ if(e.target.checked){ items.forEach(item => { item.checked = true; }); }else { items.forEach(item => { item.checked = false; }); } } if(e....

Function.prototype._bind = function(context){ context = context || window; let fn = this; let args = [...arguments].slice(1); return function(){ return fn.call(context, ...args, ...arguments); } }

Function.prototype._call = function(context) { context = context || window; let args = []; context.fn = this; for (let i = 1; i < arguments.length; i++) { args.push('arguments[' + i + ']'); } let result = eval(`context.fn(${args})`); delete context.fn; return result; }

options.onclick = function(e) { optionItems.map((item, index) => { if (index == e.target.getAttribute('data-type')) { item.style.backgroundColor = '#25bb9b'; items[index].style.display = 'block'; } else { item.style.backgroundColor = '#fff'; items[index].style.display = 'none'; } }) }

关键点： 1.之前没有单独定义监听函数的时候 //直接绑定，会产生循环引用，发生爆栈。 //没有深刻理解到 Object.keys(person).map(item => { Object.defineProperty(person, item, { get: function(){ return person[item]; }, set: function(value){ if(value !== person[item]){ person[item] = value; } } }) })  Object.keys(person).map(item => { observeObj...

关键点：  遍历s1,判断上中的项目是否都在s2中出现  for(let s of s1){ if(!s2.has(s)) return false; } return true;

关键点：  质数的定义，不能被除了1和它本身的数字因式分解的数字，对应到数学的概念就是取余为0 定义在上的方法在，调用时候通过 操作数.方法名 形式进行调用，在方法内部可以通过this拿到操作数 但是有个点需要注意，(number).方法(),在方法内部拿到的this是一个Number对象，不是数字类型 在对数字逐位取余的过程中，不需要计算到最后，遍历到 1/2 位置就可以得出结果  Number.prototype._isPrime = function() { number = +this; if (typeof number !== 'number') return false; els...

let fragment = document.createDocumentFragment(); select.onchange = function() { let value = this.value; showList(value); } function showList(filterItem) { ul.innerHTML = ''; let fn; let data = []; switch (filterItem) { case '1': fn = item => item.sales <= 100; break; case '2': fn = item =>...

关键点：  最小有效数组为[0, 1, 1],所以数组长度小于3时，默认为false 计算关系 array[i] + array[i + 1] = array[i + 2]; 数组循环的边界问题，在快指针到达倒数第二个元素的时候循环就应该结束了。  const _isFibonacci = array => { // 补全代码 if(array.length < 3) return false; let i = 0, j = 1; while (j < array.length - 1) { if (array[j + 1] == array[i] + array[j]) {...

关键点  首先要把参数从url中拆解出来，方式有很多中  url.split("?")[1].split("&"); url.match(/(\w+)=(\w+)/gi); 2.构造一个空对象去承接    let arr = url.match(/(\w+)=(\w+)/gi); let obj = {}; arr.map(item => { let [key, value] = item.split("="); obj[key] = value; }) return obj;

关键点 根据时间戳来计算特定时间与今天的距离，时间戳表示，参数时间距离1970-1-1的毫秒距离，所以得到时间戳的距离之后，应该除 24 * 60 * 60 * 1000  获取时间戳的方式  (new Date()).valueOf() Date.parse(new Date()) new Date().getTime()    var person = { level: '2', name: '小丽', registTime: '2021-11-01', } var h2 = document.querySelector('h2'); // 补全代码 let day = getDay(ne...

这道题的知识点  需要根据数据列表生成对应的dom节点 每创建一个li节点，就单独挂载会造成性能上的浪费，所以使用fragment代码段  let ul = document.getElementById('ul'); let fragment = document.createDocumentFragment(); people.map(item => { let li = document.createElement('li'); li.innerText = `${item.name} ${item.age}`; fragment.appendChild(li); }) ul.ap...

upbtn.onclick = function() { sortName(0); } downbtn.onclick = function() { sortName(1); } function sortName(type) { let data = [...cups]; let fn; let fragment = document.createDocumentFragment(); if (!type) { fn = (a, b) => a.sales - b.sales; } else { fn = (a, b) => b.sales - a.sales; } data.s...