javascript设计模式三：代理模式
-
慢半拍
发布于
- 收藏
代理模式是一种对程序对象进行控制性访问的一类解决方案。引入代理模式，其实是为了实现单一职责的面向对象设计原则。单一职责其实就是指在一个类中（js中通常指对象和函数等），应仅有一个引起它变化的原因。这样会帮助程序设计具有良好的健壮和高内聚特性，从而当变化发生时，程序设计会尽量少的受到意外破坏。代理模式有多种方法，保护代理、远程代理、虚拟代理、缓存代理等。但在javascript中，代理模式最常用到的...
javascript设计模式二：策略模式
-
慢半拍
发布于
- 收藏
策略模式指定义一系列算法，将它们一个个封装起来。将不变的部分与变化的部分隔开是每个设计模式的主题，策略模式同样如此，策略模式的基础组成： 一个基于策略模式的程序至少要由两部分组成。第一个部分是一组策略类，策略类封装了具体的算法，并负责具体的计算过程。第二个部分是环境类Context，Context接收。客户的请求，随后把请求委托给某一个策略类(发送消息给某个策略对象)，要做到这点，说明Contex...
javascript设计模式一： 单例模式
-
慢半拍
发布于
- 收藏
单例模式定义: 保证一个类仅有一个实例，并提供一个访问它的全局访问点上代码：标准单例模式//方法1 //标准单例模式 varSingleton=function(name){ this.name=name } Singleton.prototype.getName=function(){ console.log(this.name); } Singleton.getInstance...
怎么用css属性屏蔽鼠标事件(鼠标点击可穿透上层元素)
-
慢半拍
发布于
- 收藏
起源：前几天测试发来一个需求，内容要求看图：看到这个需求，我有点懵逼。现在的情况是只有点击日期内容框空白区域时，才会响应点击事件显示下拉日期菜单。而这个icon图标我是绝对定位到日期内容框中的，它的图层维度是高于日期内容框的，点击icon图标时是不会响应点击事件的。我的第一个反应是事件点击穿透，但是该怎么实现？感觉触碰到我一直忽视的知识盲区了。懵逼的我一顿操作猛如虎，开启面向谷歌编程大法…事实证明...
vue中实现对一个数组进行搜索 vue实现搜索功能
-
慢半拍
发布于
- 收藏
vue中 实现搜索功能input中 v-model绑定<inputtype="text"placeholder="按主页名称或编号搜索"v-model="inputKey"><div> <divv-for="(item,index)insearch(inputKey)":key='...