晚来听雨雪-CSDN博客

原创 this和apply、call、bind

JavaScript 的 this 总是指向一个对象，而具体指向哪个对象是在运行时基于函数的执行环境动态绑定的。this的使用场景1. 普通函数调用const name = "oliver"；function getName(){ alert ( this === window ); // 输出：true alert ( this.name ) //输出： oliver}getName()；/*当函数不作为对象的属性被调用时，也就是普通函数方式，此时的 this 总是指向全局对象。.

2020-12-28 22:49:47 163 4

原创前端session和local存储数据时，使用JSON.parse（stringify）转义的必要性

一.常见问题sessionStorage.setItem("a", true);sessionStorage.getItem("a") == true; // 结果为 false我们存入a的值是Boolean值true，获取a值后却不等于true。二.解决办法sessionStorage.setItem("b", JSON.stringify(true));JSON.parse(sessionStorage.getItem("b")) == true; // 结果为 true三.原因

2021-01-25 10:19:06 521

原创禁用微信浏览器字体调整的方法

一.问题场景使用rem适配移动端时，微信浏览器可以调整页面根元素字体大小，导致布局错乱。解决办法：禁用微信浏览器字体调整。二.IOS禁止微信调整字体大小body { -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; -moz-text-size-adjust: 100% !important;}三.Android禁止微信调整字体大小(function() {

2021-01-18 14:18:55 445

原创 JavaScript设计模式职责链模式

一.生活场景早高峰时，公交车上人实在太多了，经常上车后找不到售票员在哪，所以只好把两块钱硬币往前面递。除非你运气够好，站在你前面的第一个人就是售票员，否则，你的硬币通常要在 N 个人手上传递，才能最终到达售票员的手里。这种通过传递，最终传到售票员的模式就是职责链模式。二.定义职责链模式（Chain of Responsibility Pattern）:使多个对象都有机会处理请求，从而避免请求的发送者和接收者之间的耦合关系，将这些对象连成一条链，并沿着这条链传递该请求，直到有一个对象处理它为止。请

2021-01-14 23:25:13 136

原创 JavaScript设计模式模板方法模式

一.定义模板模式（Template Pattern）:一个抽象类公开定义了执行它的方法的方式/模板。它的子类可以按需要重写方法实现，但调用将以抽象类中定义的方式进行。这种类型的设计模式属于行为型模式。二.Coffee or Tea(模板方法经典案例)现在我们需要用代码实现冲泡一杯咖啡和一杯茶，不妨分析一下步骤：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-id63AYqC-1610462824194)(http://img.jsmeng.top/%E5%92%96

2021-01-12 22:48:36 156

原创 JavaScript设计模式迭代器模式

一.定义迭代器（Iterator）模式：迭代器模式是指提供一种方法顺序访问一个聚合对象中的各个元素，而又不需要暴露该对象的内部表示。目前，主流浏览器都已支持Array.prototype.forEach方法，而forEach就是迭代器模式的实现。二.实现自己的迭代器each 函数接受 2 个参数，第一个为被循环的数组，第二个为循环中的每一步后将被触发的回调函数。var each = function (ary, callback) { for (var i = 0, l = ary.len

2021-01-12 09:26:01 140

原创 JavaScript设计模式装饰者模式

一.生活场景现在有 4 种型号的自行车，我们为每种自行车都定义了一个单独的类。现在要给每种自行都装上前灯、尾灯和铃铛这 3 种配件。如果使用继承的方式来给每种自行车创建子类，则需要 4×3 = 12 个子类。但是如果把前灯、尾灯、铃铛这些对象动态组合到自行车上面，则只需要额外增加3 个类。这种给对象动态地增加职责的方式称为装饰者（decorator）模式。二.定义装饰者（decorator）模式：动态地给某个对象添加一些额外的职责，而不会影响从这个类中派生的其他对象。在不改变原有对象的基础之上

2021-01-11 10:15:54 308 3

原创 JavaScript设计模式中介者模式

一.生活场景在机场中，塔台起着着中介者作用，有了塔台，附近需要降落的飞机就不需要互相通信，取而代之的是附近需要降落的飞机将信息发送给塔台，塔台统筹调度飞机。二.定义中介者（Mediator）模式：定义一个中介对象来封装一系列对象之间的交互，使原有对象之间的耦合松散，且可以独立地改变它们之间的交互。中介者模式又叫调停模式，它是迪米特法则的典型应用。中介者模式是一种对象行为型模式，其主要优点如下。类之间各司其职，符合迪米特法则。降低了对象之间的耦合性，使得对象易于独立地被复用。将对象间的一对

2021-01-08 14:05:35 177

原创 JavaScript设计模式发布-订阅模式

一.生活场景小明、小红、小强最近看上了一个楼盘，到了售楼处之后才被告知，该楼盘的房子早已售罄。售楼MM 告诉他们，不久后有尾盘推出。小明、小红、小强离开之前，把电话号码留在了售楼处。售楼 MM 答应他们，新楼盘一推出就马上发信息通知。他们的电话号码都被记在售楼处的花名册上，新楼盘推出的时候，售楼 MM 会翻开花名册，遍历上面的电话号码，依次发送一条短信来通知他们。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kFHqUu1H-1610067262991)(http:/

2021-01-08 08:55:47 169

断桥铲雪的博客

原创 this和apply、call、bind

原创前端session和local存储数据时，使用JSON.parse（stringify）转义的必要性

原创禁用微信浏览器字体调整的方法

原创 JavaScript设计模式职责链模式

原创 JavaScript设计模式模板方法模式

原创 JavaScript设计模式迭代器模式

原创 JavaScript设计模式装饰者模式

原创 JavaScript设计模式中介者模式

原创 JavaScript设计模式发布-订阅模式

原创 JavaScript设计模式代理模式

原创 js中 var a 和 a 的区别

原创 JavaScript设计模式策略模式

原创 JavaScript设计模式单例模式

原创 element-ui实现复杂动态表头

空空如也

空空如也