一个专注于WEB开发的技术的个人博客

父子组件通信父组件通过 props 向子组件传递数据，子组件通过执行父组件的方法，通知父组件子组件所发生的变化。 123456789101112131415// 父组件<one-address :addressitems="addressitems" @edit-address="editAddress"></one-address> ...

发布-订阅模式（观察者模式）定义：对象间的一种一对多的关系，让多个观察者对象同时监听某一个主题对象，当一个对象发生改变时，所有依赖于它的对象都将得到通知。 现实生活中的发布-订阅模式比如小红最近在淘宝网上看上一双鞋子，但是呢 联系到卖家后，才发现这双鞋卖光了，但是小红对这双鞋又非常喜欢，所以呢联系卖家，问卖家什么时候有货，卖家告诉她，要等一个星期后才有货，卖家告诉小红，要是你喜欢的话，你可以收藏我 ...

一直以为js函数传参方式–按引用传递，原来我一直错了。通过查阅资料彻底了解js函数传参是按值传递的。要搞清楚js函数传参方式，我们先需要具备一些基础知识。 数据类型基本类型值: Undefined,Null,Boolean,Number,String。 引用类型值: Object,Array,Function,Date等。 变量的复制基本类型的复制 众所周知，js中变量的基本类型和引用类型保 ...

装饰者模式定义：装饰者(decorator)模式能够在不改变对象自身的基础上，在程序运行期间给对象动态的添加职责。 装饰者用于通过重载方法的形式添加新功能，该模式可以在被装饰者前面或者后面加上自己的行为以达到特定的目的。 与继承相比，装饰者是一种更轻便灵活的做法。普通对象被装饰者包裹起来，就形成了装饰者模式。举例： 雷霆战机（吃道具的例子） 雷霆战机（吃道具的例子）介绍：现在我们 ...

中介者模式定义：中介者模式的作用就是解除对象与对象之间的紧耦合关系。增加一个中介者对象后，所有的相关对象都通过中介者对象来通信，而不是互相引用，所以当一个对象发生改变时，只需要通知中介者对象即可。中介者使各对象之间耦合松散，而且可以独立地改变它们之间的交互。中介者模式使网状的多对多关系变成了相对简单的一对多关系。举例： 手机购买页面（颜色、数量、内存、价格） MVC模式（控制层便是位于 ...

代理模式定义：为一个对象提供一个代用品或占位符，以便控制对它的访问。 代理对象和本体对象实现了同样的接口，并且会把任何方法调用传递给本体对象；举例： 图片预加载、图片懒加载、 合并HTTP请求（代理收集一定时间内的所有HTTP请求，然后一次性发给服务器）、 惰性加载（通过代理处理和收集一些基本操作，然后仅在真正需要本体的时候才加载本体）、 缓存代理（缓存请求结果、计算 ...

策略模式定义：定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换。举例：表单效验（是否为空、长度、手机号、邮箱等等） 计算年终奖（工资、效绩）下面以年终将做说明：比如公司的年终奖是根据员工的工资和绩效来考核的，绩效为A的人，年终奖为工资的4倍，绩效为B的人，年终奖为工资的3倍，绩效为C的人，年终奖为工资的2倍；12345678910111213141516171819202122 ...

单例模式定义：单例就是保证一个类只有一个实例，实现的方法一般是先判断实例存在与否，如果存在直接返回，如果不存在就创建了再返回，这就确保了一个类只有一个实例对象。 在JavaScript里，单例作为一个命名空间提供者，从全局命名空间里提供一个唯一的访问点来访问该对象。举例：模态框、登录控件、注销控件下面均以登录模态框做说明 引入代理实现单例模式1234567891011121314151617 ...

从事前端开发已经有几年了，也经常使用一些设计模式，但是对一些设计模式并不能很好的说出名字以及使用场景。现利用周末闲暇时间来好好整理一下JS中常用的设计模式,如有不正确的地方，还望指出，谢谢！ 简单工厂定义：简单工厂模式是由一个方法来决定到底要创建哪个类的实例, 而这些类通常都拥有相同的接口（属性和方法）。举例：计算器（加、减、乘、除） 自行车售卖（山地、公路） 饮料机（咖啡、牛奶、水） ...

还记得大学时学习了通信相关的底层知识，只是当时并没有特别在意，从参加工作一直做的WEB前端开发，对这方面知识也不是太需要。但是为了自己更好的发展，需要了解一些底层的东西重新拾起通信相关的知识。 名词解释 OSI：开放系统互连参考模型 (Open System Interconnect 简称OSI）。 TCP：TCP（Transmission Control Protocol 传输控制协议）是一种面 ...