设计模式
前端小99
心有猛虎 细嗅蔷薇
展开
-
策略模式验证表单
策略模式定义: 将一组一组的算法封装起来,使之可以相互替换 <form action=""> <input type="text" id="inp"> </form> <script type="text/javascript"> // 获取元素 var inp = document.getElementById("inp"); // 失去焦点的时候要验证内容 inp.onblur = function() { var resul.原创 2020-09-12 00:51:45 · 147 阅读 · 0 评论 -
委托模式的案例
target定义:target 属性规定哪个 DOM 元素触发了该事件。target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素、文档或窗口。语法:e.targete.target.nodeName //获取事件触发元素标签名(li,p,div,img,button…)e.target.id //获取事件触发元素ide.target.className //获取事件触发元素classnamee.target.innerHTML //获取事原创 2020-09-12 00:48:21 · 274 阅读 · 0 评论 -
观察者模式实现
// 升级观察者 var Observer = (function() { // 定义真正的观察者 var ob = { } // 定义接口 return { on: function(type, fn) { /* * on方法用于向观察者对象中添加事件 * @type 要添加的事件名称...原创 2020-09-11 23:43:33 · 269 阅读 · 0 评论 -
设计模式
简单工厂把对象定义在函数中,通过函数传参 定义内容 然后调用函数里面的方法进行赋值传参寄生增强工厂 将一个函数拿到另一个函数中实例化 然后在添加的函数中赋值新的方法 // 每一种设计模式都有独特使用场景 // 比如,当某一类的实例化对象想要拥有不同的属性和方法的时候 // 定义工厂 function People(name, age, sex) { this.name = name; this.age = age; this.sex = sex; }...原创 2020-09-11 19:21:15 · 93 阅读 · 0 评论 -
mvc模式与mvvm模式
MVC模式的意思是,软件可以分成三个部分: 视图(View):用户界面。 控制器(Controller):业务逻辑 模型(Model):数据保存各部分之间的通信方式如下:这里写图片描述 View 传送指令到 Controller Controller 完成业务逻辑后,要求 Model 改变状态 Model 将新的数据发送到 View...原创 2019-06-26 18:00:34 · 281 阅读 · 0 评论