懒惰ing

摘要： 桥接模式 桥接模式的设计目的施不让下层组件组件的变化，影响上层的调用。 桥接模式的实例 假设我有两个类，但是它们有很多不确定性，可能在后续会变修改，如下: class RedCirlce { drawCircle(redius, x, y) { console.log(`Drawing Circle 阅读全文

摘要： 适配器模式 适配器模式是作为两个不同的接口的一种聚合，比如说SD卡适配器，无论使用TF或SD卡或者其它卡，对外输出都是USB接口。 适配器模式实例 我们用播放器为例，首先我们有两个设备，一个是Vlc播放器，一个是Mp4播放器，一个需要使用playVlc按钮来播放，一个要使用playMP4按钮来播放。 阅读全文

摘要： 使用echarts地理坐标/地图 这里我将echarts的全国主要城市空气质量 - 百度地图作参考 首先导入官方示例 但是发现图形并不现实，只有标题 这是因为缺少百度地图 获取百度地图密钥ak 获取ak地址 然后在你的代码中加入百度外部script <script type="text/javasc 阅读全文

摘要： echarts 随屏幕大小改变大小(resize) echarts多个图表大小随屏幕的大小改变自适应，Echarts 多图表自适应窗口大小，echarts随页面大小变化而变化； 页面单个 echarts 当页面只有一个图表的时候直接用 window.onresize = myChart.resize 阅读全文

摘要： nprogress NProgress 是一个轻量级的进度条组件,使用简便,可以很方便集成到单页面应用中 官网链接 http://ricostacruz.com/nprogress/ 安装 npm $ npm install --save nprogress CDN https://unpkg.co 阅读全文

摘要： 装饰器模式 需求 4s店在卖一种车，价格为10万元，如果用户需要在此基础上加装一些配置则需要加钱。 比如加热座椅配置需要2万元，电动车后视镜需要0.8万元等等。 function Car() { this.price = 10; } Car.prototype = { addHeatSeat: fu 阅读全文

摘要： 建造者模式 与工厂模式的区别 工厂模式注重创建对象的整体思路，不关心你想要创建的对象是什么样的。 建造者模式注重创建对象的细节，善于创建复杂对象或者复合对象。 需求 比如有一家招聘中介公司，现在有一批纸质简历或者建立数据信息，为了做成统一的电子版简历，我们需要将这些信息进行整理。 const dat 阅读全文

摘要： 工厂模式 简单工厂模式 批量生产对象的时候没有必要一个一个对象去创建，减少重复性代码。 在函数内部创建一个空对象 再给这个对象添加属性和方法 将包装好的对象返回处理啊 function createPerson(name) { const o = {}; o.name = name; o.getNa 阅读全文

摘要： 数组乱序 - 洗牌算法 从最后一个元素开始，从数组中随机选出一个位置，交换，直到第一个元素。 function shuffle(array) { const length = array.length; for(let i = length - 1; i > -1; i--) { const ran 阅读全文

摘要： 防抖和节流 防抖 不管事件触发频率多高，一定在事件触发 n 秒后才执行，如果在一个事件执行的 n秒内又触发了这个事件，就以新的事件的时间为准 /** * 防抖：不管事件触发频率多高，一定在事件触发 n 秒后才执行，如果在一个事件执行的 n秒内又触发了这个事件，就以新的事件的时间为准 * @callb 阅读全文