摘要:表单校验创建一个对象获取校验结果代理模式为一个对象提供一个代用品或占位符,以便控制对它的访问。当变化发生时,设计可能会到意外的。 纸上得来终觉浅,学习设计模式,看了很多书,但是始终还是觉得不如直接看例子来的更加客观具体,下面主要记录了js中的几个常见的设计模式举例,供自己以后复习的时候可以直接通过例子更快更好的理解设计模式。 单例模式 保证一个类仅有一个实例,并提供一个全局访问入口 v...
摘要:第部分画图一步步看清宏任务微任务的执行过程我们以开篇的经典面试题为例,分析这个例子中的宏任务和微任务。注意这里只是把推入微任务队列,并没有执行。执行结束,才能继续执行后面的代码如图此时当前宏任务都执行完了,要处理微任务队列里的代码。 8张图让你一步步看清 async/await 和 promise 的执行顺序 为什么写这篇文章? 测试一下自己有没有必要看 需要具备的前置基础知识 主...
摘要:而闭包的神奇之处在于可以阻止这件事情的发生。依然持有对该作用域的引用,而这个引用就叫做闭包。当然,无论使用何种方式对函数类型的值进行传递,当函数在别处被调用时都可以观察到闭包。 下面我们来看一段代码,清晰地展示了闭包: function foo(){ var a=2; function bar(){ console.log(a); } r...
摘要:是一个程序架构,源于提出的一种架构,然而,它不仅可以应用于,还可以应用于其他任何框架中。有以下职责维持应用的提供方法获取提供方法更新通过注册监听器通过返回的函数注销监听器。同时,的返回值实际上是一个函数可以解除监听。 Redux是一个程序架构,源于Flux(Facebook提出的一种架构),然而,它不仅可以应用于React,还可以应用于其他任何框架中。值得一提的是,Redux的源代码很...
摘要:说明分享一个满天星导航栏的效果,代码不多,但效果挺好看,先看看效果图吧。解释实现这个效果,需要掌握的知识不用很多,知道简单的,会用获取元素,能绑定事件基本就足够了。 说明 分享一个满天星导航栏的效果,代码不多,但效果挺好看,先看看效果图吧。 showImg(https://segmentfault.com/img/bV472Y?w=914&h=114); 解释 实现这个效果,需要掌...