影依贤者

摘要： 颜色混合函数 颜色是用十六进制的六位数表示的，就像是这样一个颜色#fe12a7它的前两位代表RGB的R，中间二位代表G 再看看less里的mix函数mix(color,color,weight) 这里接收的两个color都会转换成十六进制，weight则是指两个颜色占据的权重 颜色的R的部分混合方法 阅读全文

摘要： 模板方法模式 模板方法模式的定义：在一个方法里定义算法的骨架，将一些步骤延迟到其子类。 意思是用一个方法包装多个函数的调用，这个方法就是模板，函数的使用只需要跟着模板里的步骤进行即可，同时根据情况可以放入钩子函数来选择是否在指定位置执行函数。 算是JS的继承的一个主要用法。 //! 这就是冲饮料的模 阅读全文

摘要： 今天遇到个需求：要生成随机的汉字。 想了想可以先生成随机的unicode码，再将它解码就行了。 百度的时候找到了解码的函数：unescape 只要把生成的unicode码前加上%u就能解码为汉字，问题解决后去MDN上找了下这个函数的介绍，看到该函数已废弃，虽然现在火狐上还能用，但还是放弃了这个函数， 阅读全文

摘要： 组合模式 组合模式的定义：将对象组合成树形结构以表示部分-整体的层次结构。组合模式使得用户对单个对象和组合对象的使用具有一致性。 简单来说就是把对象之间组合成树状结构，能通过一个元素的方法调用它的所有子元素的同名方法。 因为现在还没遇到过需要这个模式解决的问题，拿书上的文件夹例子来说明吧： clas 阅读全文

摘要： 命令模式 命令模式的定义：将一个请求封装为一个对象，从而使我们可用不同的请求对客户进行参数化；对请求排队或者记录请求日志，以及支持可撤销的操作。 命令模式与策略模式在写法上相似，都是使用一个对象保存会使用到的方法，然后在需要的地方调用。 这是一个简单例子：键盘输入为空格或者数字时会把输入展示到屏幕上 阅读全文

摘要： 发布订阅模式（观察者模式） 发布订阅模式的定义：它定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知。 发布订阅模式在JS中最常见的就是DOM的事件绑定与触发： //todo 注册点击事件 btn.addEventListener("click", func 阅读全文

摘要： 迭代器模式 迭代器模式的定义：提供一个方法顺序访问一个聚合对象中的各个元素，而又不需要暴露该对象的内部表示。 简单来说就是实现对一个对象的迭代。。。 内部迭代器 这在ES6里已经有了原生的支持:[Symbol.iterator]，该方法在所有的数组、Map、Set中都已经有了实现，所以可以通过for 阅读全文

摘要： 代理模式 代理模式的定义：为一个对象提供一个代用品或占位符，以便控制对它的访问 代理模式被运用到vue的响应式数据上，在ES6之前用Object.defineProperty，在ES6后使用Proxy来实现代理。 虚拟代理 虚拟代理用来收集某个时间内对代理对象的访问，在某个时间时把收集到的访问全部执 阅读全文

摘要： 策略模式 策略模式的定义：定义一系列的算法，把它们一个个封装起来，并使它们可以互相替换。 简单来说就是我要到某个地方去旅游，到目的地的过程有很多：飞机，高铁，汽车。。。这些方法都作为一个封装，等我要出发时只需要选择一个方法就可以去了，则就是策略模式。 所以策略模式的关键就是封装不同的方法，然后调用其 阅读全文

摘要： 单例模式 单例模式的定义： 保证一个类只有一个实例，并提供一个访问它的全局访问点 通过一个简单的例子来了解单例模式的作用： class Div { constructor() { return document.createElement("div"); } } btn.addEventListen 阅读全文