电子商务网站网络推广方式设置wordpress网页私有

电子商务网站网络推广方式,设置wordpress网页私有,wordpress 加水印,宁波seo平台策略模式定义#xff1a;策略模式定义了一系列的算法#xff0c;并且会将每一个算法封装起来#xff0c;让它们可以相互的替换。策略模式的组成#xff1a;一个基于策略模式的程序至少由两部分组成#xff0c;第一部分是一组策略类#xff0c;策略类封装了具体的算法策略模式定义了一系列的算法并且会将每一个算法封装起来让它们可以相互的替换。策略模式的组成一个基于策略模式的程序至少由两部分组成第一部分是一组策略类策略类封装了具体的算法并负责具体计算过程第二个部分是环境类Context,Context接受客户的请求随后把请求委托给某一个策略类说明Context中要维护对某个策略对象的引用// 策略接口interfaceIStrategy{execute(a:number,b:number):number;}// 定义具体的策略类// 这里定义了四个具体的策略类分别是加法、减法、乘法和除法classAddStrategyimplementsIStrategy{execute(a:number,b:number):number{returnab;}}classSubStrategyimplementsIStrategy{execute(a:number,b:number):number{returna-b;}}classMulStrategyimplementsIStrategy{execute(a:number,b:number):number{returna*b;}}classDivStrategyimplementsIStrategy{execute(a:number,b:number):number{returna/b;}}// 上下文内部维护了具体的策略的引用// 回头客户端调用的时候只需要调用上下文的方法即可classContext{// 维护具体的策略privatestrategy:IStrategy;constructor(st:IStrategy){this.strategyst;}// 设置新的策略setStrategy(st:IStrategy){this.strategyst;}//执行策略方法executeStrategy(a:number,b:number):number{returnthis.strategy.execute(a,b);}}// 创建一个上下文对象// 在创建的时候传递一个默认的执行策略constcontextnewContext(newAddStrategy());// 执行对应的策略consta5;constb3;constresultcontext.executeStrategy(a,b);context.setStrategy(newSubStrategy())constresult2context.executeStrategy(a,b);context.setStrategy(newMulStrategy());constresult3context.executeStrategy(a,b);console.log(result);console.log(result2);console.log(result3);再来看一个表单的例子formidregisterFormaction#请输入用户名inputtypetextnameusername/请输入密码inputtypetextnamepassword/请输入手机号inputtypetextnamephoneNumber/buttonidbutton提交/button/formscriptvarregisterFormdocument.getElementById(registerForm);varbuttondocument.getElementById(button);button.onclickfunction(){if(registerForm.username.value){console.log(用户名不能为空);returnfalse}if(registerForm.password.value.length6){console.log(密码长度不能少于6位);returnfalse}if(!/(^1[3|5|8][0-9]{9}$)/.test(registerForm.phoneNumber.value)){console.log(手机号码格式不正确);returnfalse}}/script这是一种很常见的做法提交函数比较庞大缺少弹性违反开放-封闭原则下面用策略模式来重构表单校验varstrategies{isNonEmpty:function(value,errorMsg){// 不为空if(value){returnerrorMsg;}},minLength:function(value,length,errorMsg){// 限制最小长度if(value.lengthlength){returnerrorMsg;}},isMobile:function(value,errorMsg){// 手机号码格式if(!/(^1[3|5|8][0-9]{9}$)/.test(value)){returnerrorMsg;}}}varvalidataFuncfunction(){varvalidatornewValidator();// 创建一个validator对象// 添加一些校验规则validator.add(registerForm.username,isNonEmpty,用户名不能为空);validator.add(registerForm.password,minLength:6,密码长度不能少于6位);validator.add(registerForm.phoneNumber,isMobile,手机号码格式不正确);varerrorMsgvalidator.start();// 获得校验结果returnerrorMsg;// 返回校验结果}varregisterFormdocument.getElementById(registerForm);varbuttondocument.getElementById(button);button.onclickfunction(e){e.preventDefault();varerrorMsgvalidataFunc();// 如果有返回值说明未通过校验if(errorMsg){console.log(errorMsg);returnfalse;}}varValidatorfunction(){this.cache[];// 保存校验规则}Validator.prototype.addfunction(dom,rule,erroeMsg){varargrule.split(:);// 把strategy和参数分开this.cache.push(function(){// 把校验的步骤用空函数包装起来并且放入cachevarstrategyarg.shift();// 用户挑选的strategyarg.unshift(dom.value);arg.push(erroeMsg);returnstrategies[strategy].apply(dom,arg);})}Validator.prototype.startfunction(){for(leti0,validataFunc;validataFuncthis.cache[i];){varmsgvalidataFunc();// 开始校验并取得校验后返回信息if(msg){// 有返回值说明校验没有通过returnmsg;}}}非原创来源渡一谢杰老师和javascript设计模式与开发实践 -曾探 简单记录周五啦周末愉快