<header>header</header> <div> <section class="center">center</section> <section class="left">left</section> <section class="right">right</section> </div> <footer>footer</footer>div { ...

//<div id='date'><div> var end = new Date('2021-1-1 00:00'); function countDone(){ var now = new Date(); var remainder = end - now; if(remainder<0){ return; } var day = Math.floor(remainder/100...

//Currying 柯里化 Partial Function 不完全函数 function add() { var tmpSlice = [].slice, params = tmpSlice.apply(arguments); function currying() { var arr = tmpSlice.apply(arguments); params = params.concat(arr); return currying; } ...

function fibonacci(n){ if(n<1) return 0; if(n<=2) return 1; return fibonacci(n-1)+fibonacci(n-2) } function Fibonacci(n) { let dp = [0,1] for(let i=2;i<=n;i++){ ...

function palindromeChecker(aString){ if(aString === undefined || aString ===null || (aString !==null && aString.length === 0)){ return false } const deque = new Deque(); //双端队列 const lowerString = aString.toLowerCase().split(' '...

击鼓的时候传❀，到时间手上拿着花的淘汰，最后剩下的人是胜者。 function hotPotato(elementsList,num){ const queue = new Queue(); const eliminatedList = []; for(let i=1;i<elementsList.length;i++){ queue.enqueue(elementsList[i]); } while(queue.si...

let test = {} Object.defineProperty(test,'value',{ get(){ return test._value; }, set(newValue){ test._value = newValue; document.getElementById('example').value = newValue; } }); d...

async function findMax(largeList){ return new Promise((resolve,reject) =>{ requestIdleCallback(()=>{ try{ let max = largeList[0] for(let i=0;i<largeList.length;++i){ i...

https://blog.nowcoder.net/n/5b18d18a62fb47079050a041cb3eb73eES5实现继承 function Rectangle(length,width){ this.length = length; this.width = width; } Rectangle.prototype.getArea = function(){ return this.length*this.width; } function Square(length){ Rectangle.call(this,length,length); ...

ES5中直接将方法添加到构造函数中来模拟静态成员是一种常见的模式。 function PersonType(name){ this.name = name; } //静态方法 PersonType.create = function(name){ return new PersonType(name); }; //实例方法 PersonType.prototype.sayName = function(){ console.log(this.name) }; var person = PersonType.create('zoe');由于PersonType.crea...

ES5及早期版本没有类的概念，最相近的思路是创建一个自定义类型：创建一个构造函数，然后定义另一个方法并赋值给构造函数的原型。 ES5：构造函数方法 function PersonType(name){ this.name = name; } PersonType.prototype.sayName = function(){ console.log(this.name) } // PersonType.prototype = { // constructor:PersonType, // sayName:function (name...

//使用@@iterator对象可以创造一个迭代器， let iterator = number[Symbol.iterator](); // console.log(iterator.next().value); function createIterator(items){ var i = 0; return { next:function(){ var done = (i>=items.length); var value = !done ? items[i++]:undefined; ...

1.为列表渲染设置属性key key这个特殊属性主要用于Vue.js的虚拟DOM算法中，在对比新旧虚拟节点时辨识虚拟节点。在更新子节点时，需要从旧虚拟节点列表中查找与新虚拟节点相同的节点进行更新。如果这个查找过程设置了key，那么查找速度会快很多，所以尽可能在使用v-for的时候提供key属性，可以获取性能上的提升。 2.在v-if/v-if-else/v-else 中使用key 如果一组v-if+v-else的元素类型相同，最好使用属性key 3.路由切换组件不变 当页面切换到同一个路由但不同参数的地址时，组件的生命周期钩子不会重新触发。例如从路由/detail/1 切换到 /detail/...

1.生命周期图示 1.1 初始化阶段 从new Vue()到created之间的阶段叫作初始化阶段。这个阶段主要目的是在Vue.js实例上初始化一些属性、事件以及响应式数据，如props、methods、data、computed、watch、provide和inject等。 1.2 模板编译阶段 在created钩子函数与beforeMount钩子函数之间的阶段是模板编译阶段。这个阶段的主要目的是将模板编译为渲染函数，只存在于完整版中。运行时版本已经预编译成渲染函数，所以不存在这个阶段。 1.3 挂载阶段 beforeMount钩子函数到mounted钩子函数之间是挂载阶段。这个阶段，V...