摘要:在日常开发中有很多场景我们都需要用到节流函数和防抖函数,比如:实现输入框的模糊查询因为需要轮询ajax,影响浏览器性能,所以需要用到节流函数;实现手机号、姓名之类的的验证,往往我们只需要验证一次,这个时候我们就需要用到防抖函数;但是网上的很多资料都是不够具体和便于理解。今天自己翻阅了一些资料之后,来 阅读全文
posted @ 2019-08-30 17:34 有梦想的咸鱼前端 阅读(798) 评论(6) 推荐(4) 编辑
摘要:命令模式是JavaScript设计模式中行为型的一种设计模式; 定义: 向某些对象发送请求,但是并不知道被请求的操作具体是什么,所以我们希望以一种松耦合的方式来设计程序,使得请求发送者和接收者之间能够消除彼此之间的耦合关系;而我们的这种松耦合的方式就是命令模式; 白话解释: 假如你是你们公司研发部门 阅读全文
posted @ 2019-10-25 10:59 有梦想的咸鱼前端 阅读(307) 评论(0) 推荐(0) 编辑
摘要:职责链模式是设计模式中行为型的一种设计模式; 定义: 使多个对象都有机会处理请求,从而避免请求的发送者与接收者之间的耦合关系,将这些处理请求的对象形成一个链,并沿着这个链传递请求,直到有一个对象处理它为止; 白话解释: 作者坐标武汉,1000+万人口的新一线城市 ;以早高峰公交为例,早上早高峰的时候 阅读全文
posted @ 2019-10-23 13:55 有梦想的咸鱼前端 阅读(297) 评论(1) 推荐(1) 编辑
摘要:代理模式属于设计模式中结构型的设计模式; 定义: 顾名思义就是为一个对象提供一个代用品或占位符,以便控制对它的访问! 白话解释: 很多明星都是有经纪人的,如果要联系明显进行商演或者开演唱会之类的商业活动通过是需要先跟经纪人取得联系的,跟经纪人谈好了合作事宜之后经纪人再转达给某明星,然后某明星才会去参 阅读全文
posted @ 2019-10-21 15:19 有梦想的咸鱼前端 阅读(365) 评论(0) 推荐(1) 编辑
摘要:适配器模式是设计模式行为型模式中的一种模式; 定义: 适配器用来解决两个已有接口之间不匹配的问题,它并不需要考虑接口是如何实现,也不用考虑将来该如何修改;适配器不需要修改已有接口,就可以使他们协同工作; 白话解释: 你买了某种电器产品,准备带回家好好感受该款产品的魅力;结果带回家之后准备通电使用的时 阅读全文
posted @ 2019-10-19 10:34 有梦想的咸鱼前端 阅读(365) 评论(0) 推荐(1) 编辑
摘要:策略模式是JavaScript设计模式中行为型的设计模式; 定义: 定义一系列算法,并将这些算法各自封装成策略类(方法),然后将不变的部分和变化的部分分离开来,并且这些算法可以相互替换 白话解释: 实际上所谓的策略模式就是指根据不同的策略来执行不同的方法,是不是很类似与if-else分支判断;但是策 阅读全文
posted @ 2019-10-18 14:54 有梦想的咸鱼前端 阅读(328) 评论(4) 推荐(2) 编辑
摘要:观察者模式又被称为发布-订阅模式,是设计模式中的一种行为型模式; 定义: 观察者模式定义了一种一对多的对象依赖关系,当被依赖的对象的状态发生了改变,所有依赖它的对象都会得到通知; 白话解释: 假如你去苹果专卖店买最新款的iphone11,因为iphone11刚出来不久,正处旺季,供货不足;当你去专卖 阅读全文
posted @ 2019-10-17 11:47 有梦想的咸鱼前端 阅读(531) 评论(0) 推荐(3) 编辑
摘要:我们在很多UI框架中看到带箭头的提示框,感觉挺漂亮,但是之前一直不知道其原理,今天网上找了些资料算是弄清楚原理了; 先上效果图: 原理分析: 上面的箭头有没有觉得很像一个三角形,是的,它就是三角形;只不过它这个尖角是通过两个三角形来实现的; 首先新建一个div,画出提示框的轮廓 给定样式: 这样,我 阅读全文
posted @ 2019-10-14 16:13 有梦想的咸鱼前端 阅读(2471) 评论(10) 推荐(9) 编辑
摘要:原型模式: 原型模式是指原型实例指向创建对象的种类,并通过拷贝这些原型创建新的对象,是一种用来创建对象的模式,也就是创建一个对象作为另一个对象的prototype属性; prototype警告:学习了解原型模式前需先学习原型、原型链、prototype、__proto__、constructor等知 阅读全文
posted @ 2019-10-14 15:44 有梦想的咸鱼前端 阅读(185) 评论(0) 推荐(1) 编辑
摘要:建造者模式是相对比较简单的一种设计模式,属于创建型模式的一种; 定义:将一个复杂的对象分解成多个简单的对象来进行构建,将复杂的构建层与表现层分离,使相同的构建过程可以创建不同的表示模式; 优点: 模式作用: 注意事项: 白话解释: 某土豪想建一个房子,某土豪只需要找包工头,包工头再去找施工团队来建造 阅读全文
posted @ 2019-10-12 14:09 有梦想的咸鱼前端 阅读(312) 评论(0) 推荐(3) 编辑
摘要:单例模式也称为单体模式,规定一个类只有一个实例,并且提供可全局访问点; 在读这篇文章之前,也许你对单例模式的概念感到模糊或者不清楚,但是其实在日常的开发中你肯定用到过单例模式; JavaScript中没有类的定义,单例模式的特点是”唯一“和”全局访问“,那么我们可以联想到JavaScript中的全局 阅读全文
posted @ 2019-10-11 11:22 有梦想的咸鱼前端 阅读(852) 评论(0) 推荐(6) 编辑