摘要: 颜色混合函数 颜色是用十六进制的六位数表示的,就像是这样一个颜色#fe12a7它的前两位代表RGB的R,中间二位代表G 再看看less里的mix函数mix(color,color,weight) 这里接收的两个color都会转换成十六进制,weight则是指两个颜色占据的权重 颜色的R的部分混合方法 阅读全文
posted @ 2021-07-21 21:34 影依贤者 阅读(384) 评论(0) 推荐(0)
摘要: 模板方法模式 模板方法模式的定义:在一个方法里定义算法的骨架,将一些步骤延迟到其子类。 意思是用一个方法包装多个函数的调用,这个方法就是模板,函数的使用只需要跟着模板里的步骤进行即可,同时根据情况可以放入钩子函数来选择是否在指定位置执行函数。 算是JS的继承的一个主要用法。 //! 这就是冲饮料的模 阅读全文
posted @ 2021-07-21 21:12 影依贤者 阅读(143) 评论(0) 推荐(0)
摘要: 今天遇到个需求:要生成随机的汉字。 想了想可以先生成随机的unicode码,再将它解码就行了。 百度的时候找到了解码的函数:unescape 只要把生成的unicode码前加上%u就能解码为汉字,问题解决后去MDN上找了下这个函数的介绍,看到该函数已废弃,虽然现在火狐上还能用,但还是放弃了这个函数, 阅读全文
posted @ 2021-07-20 19:38 影依贤者 阅读(1272) 评论(0) 推荐(1)
摘要: 组合模式 组合模式的定义:将对象组合成树形结构以表示部分-整体的层次结构。组合模式使得用户对单个对象和组合对象的使用具有一致性。 简单来说就是把对象之间组合成树状结构,能通过一个元素的方法调用它的所有子元素的同名方法。 因为现在还没遇到过需要这个模式解决的问题,拿书上的文件夹例子来说明吧: clas 阅读全文
posted @ 2021-07-19 13:13 影依贤者 阅读(452) 评论(0) 推荐(0)
摘要: 命令模式 命令模式的定义:将一个请求封装为一个对象,从而使我们可用不同的请求对客户进行参数化;对请求排队或者记录请求日志,以及支持可撤销的操作。 命令模式与策略模式在写法上相似,都是使用一个对象保存会使用到的方法,然后在需要的地方调用。 这是一个简单例子:键盘输入为空格或者数字时会把输入展示到屏幕上 阅读全文
posted @ 2021-07-14 21:12 影依贤者 阅读(144) 评论(0) 推荐(0)
摘要: 发布订阅模式(观察者模式) 发布订阅模式的定义:它定义对象间的一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都将得到通知。 发布订阅模式在JS中最常见的就是DOM的事件绑定与触发: //todo 注册点击事件 btn.addEventListener("click", func 阅读全文
posted @ 2021-07-13 22:46 影依贤者 阅读(584) 评论(0) 推荐(0)
摘要: 迭代器模式 迭代器模式的定义:提供一个方法顺序访问一个聚合对象中的各个元素,而又不需要暴露该对象的内部表示。 简单来说就是实现对一个对象的迭代。。。 内部迭代器 这在ES6里已经有了原生的支持:[Symbol.iterator],该方法在所有的数组、Map、Set中都已经有了实现,所以可以通过for 阅读全文
posted @ 2021-07-13 20:58 影依贤者 阅读(138) 评论(0) 推荐(0)
摘要: 代理模式 代理模式的定义:为一个对象提供一个代用品或占位符,以便控制对它的访问 代理模式被运用到vue的响应式数据上,在ES6之前用Object.defineProperty,在ES6后使用Proxy来实现代理。 虚拟代理 虚拟代理用来收集某个时间内对代理对象的访问,在某个时间时把收集到的访问全部执 阅读全文
posted @ 2021-07-13 15:12 影依贤者 阅读(411) 评论(0) 推荐(0)
摘要: 策略模式 策略模式的定义:定义一系列的算法,把它们一个个封装起来,并使它们可以互相替换。 简单来说就是我要到某个地方去旅游,到目的地的过程有很多:飞机,高铁,汽车。。。这些方法都作为一个封装,等我要出发时只需要选择一个方法就可以去了,则就是策略模式。 所以策略模式的关键就是封装不同的方法,然后调用其 阅读全文
posted @ 2021-07-12 17:55 影依贤者 阅读(522) 评论(0) 推荐(0)
摘要: 单例模式 单例模式的定义: 保证一个类只有一个实例,并提供一个访问它的全局访问点 通过一个简单的例子来了解单例模式的作用: class Div { constructor() { return document.createElement("div"); } } btn.addEventListen 阅读全文
posted @ 2021-07-11 21:25 影依贤者 阅读(826) 评论(0) 推荐(0)