Vue项目中应用“策略模式”

普通方法实现

    var calculateBonus = function( performanceLevel, salary ){if ( performanceLevel === 'S' ){return salary * 4;}if ( performanceLevel === 'A' ){return salary * 3;}if ( performanceLevel === 'B' ){return salary * 2;}};calculateBonus( 'B', 20000 ); // 输出：40000calculateBonus( 'S', 6000 ); // 输出：24000

JavaScript 版本的策略模式

    var strategies = {"S": function( salary ){return salary * 4;},"A": function( salary ){return salary * 3;},"B": function( salary ){return salary * 2;}};var calculateBonus = function( level, salary ){return strategies[ level ]( salary );};console.log( calculateBonus( 'S', 20000 ) ); // 输出：80000console.log( calculateBonus( 'A', 10000 ) ); // 输出：30000

Vue中通过过滤器利用“策略模式”处理业务（样例）

Vue项目中应用“策略模式”相关推荐

Java实际项目运用之策略模式
1. 策略模式概要策略模式是对算法的包装,是把使用算法的责任和算法本身分割开来,委派给不同的对象管理.策略模式通常把一个系列的算法包装到一系列的策略类里面,作为一个抽象策略类的子类.用一句话来说,就 ...
Vue项目中最简单的使用集成UEditor方式，含图片上传
Vue 3 项目参考这里前言封面是UEditor的百度指数折线图.虽然今天已经是 2018 年,且优秀的富文本编辑器层出不穷(包括移动端),但从图中可以看出UEditor仍然维持着较高的搜索热 ...
Vue项目中最简单的使用集成百度UEditor方式，含图片上传
前言封面是UEditor的百度指数折线图.虽然今天已经是 2018 年,且优秀的富文本编辑器层出不穷(包括移动端),但从图中可以看出UEditor仍然维持着较高的搜索热度.而不少公司和个人也仍然 ...
vue项目中高德地图的注册及使用
1.创建应用点击进入高德地图个人开发的注册:https://lbs.amap.com/dev/id/personal 然后可以登录支付宝进行认证. 注册完毕之后,点击右上角的控制台点击右上角的创建 ...
【全栈项目上线（vue+node+mongodb）】06.nodejs服务上线（生产环境前后分离的vue项目中怎么解决跨域问题）...
以下操作使用下面项目为案例 https://github.com/itguide/vnshop ## 启动node服务克隆好项目后记得把依赖包安装好 npm i 使用 node 启动node服务 c ...
vue项目中遇到的一些问题
或访问:https://github.com/littleHiuman/experiences-about-vue 欢迎补充! vuex 状态 vue-cli 命令行 vue vue vue-rou ...
Vue项目中遇到了大文件分片上传的问题
Vue项目中遇到了大文件分片上传的问题,之前用过webuploader,索性就把Vue2.0与webuploader结合起来使用,封装了一个vue的上传组件,使用起来也比较舒爽. 上传就上传吧,为什么 ...
去除vue项目中的#及其ie9兼容性
一.如何去除vue项目中访问地址的# vue2中在路由配置中添加mode(vue-cli创建的项目在src/router/index.js) 1 export default new Router({ ...
vue项目打包优化策略
vue项目打包优化策略使用vue-cli部署生产包时,发现资源包很大,打包后的vendor.js达到了1.4M,这已经很大了,而且会影响到首屏加载.那么,怎么优化呢? 1.组件按需加载这是首先可以 ...
vue项目中对接微信公众号使用微信js-sdk
首先,确保你安装了weixin-js-sdk. 如果还没有安装 npm install weixin-js-sdk 注意:----在vue项目中引入jssdk,微信为了方便用户使用,将官方的jssdk ...

Vue项目中应用“策略模式”

JavaScript 版本的策略模式

Vue中通过过滤器利用“策略模式”处理业务（样例）

Vue项目中应用“策略模式”相关推荐

最新文章

热门文章