设计模式
田江
技术没有秘密,只有知道的人多了,才能把技术的作用发挥出来。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
javascript设计模式系列01_单例模式应用_tooltip插件
效果图:代码: Title *{ margin:0; padding:0; list-style: none; } #box1{ position:relative; width原创 2018-01-11 12:16:27 · 679 阅读 · 0 评论 -
javascript设计模式系列03_策略模式做的表单验证
效果图:代码: *{ padding:0; margin:0} 身份证号码: 电话号码: 电邮: //策略模式的代码开始var validator = { //写验证类型(描述了所有类型数原创 2018-01-24 14:36:45 · 500 阅读 · 0 评论 -
JavaScript设计模式系列02_工厂模式做的创建HTML标签
效果图:代码: Title let htmlFactory={ }; htmlFactory.createDom=function (tagName,obj) { let dom=document.createElement(tagName); for(let key in原创 2018-01-10 19:55:05 · 356 阅读 · 0 评论 -
JavaScript设计模式系列03_策略模式做的表单验证
效果图:代码: *{ padding:0; margin:0} 身份证号码: 电话号码: 电邮: function $(id) { return document.get原创 2018-01-10 19:51:56 · 501 阅读 · 0 评论 -
JavaScript设计模式系列05_观察者模式(发布订阅)写的数据联动(类似于vue的数据绑定)
效果图:代码: *{ padding:0; margin:0} 原始数字: 平方: 立方: 三个数之和:function $(id) { return document.getElementById(id);}function $creat原创 2018-01-10 19:47:29 · 729 阅读 · 0 评论 -
JavaScript设计模式系列04_组合模式写的菜单(把菜单的数据用json数组表示,降低耦合度,体现对修改关闭)
效果: 以下代码经过测试:菜单的数据(json数组),文件名:menuData.js:let menuData=[ { title:"一级菜单1", href:"#", className:"oneli", subClassName:"two", children:[ { title:"二级菜单11", href:"#&quo原创 2018-09-27 18:05:48 · 509 阅读 · 0 评论 -
飞机大战02_可以有两个玩家,可以击中飞机,可以有积分,可以暂停
代码:1、地图类,文件名:map.js//地图类,移动的物体(敌机类,我方战机类,子弹类)let singlton = (function(){ function Map(obj){ this.domObj = null;//地图的dom对象,是JavaScript对象对应的dom对象 this.width = obj.width; this.height = ...原创 2018-09-27 22:08:22 · 667 阅读 · 1 评论
分享