js代码上的优化
例1 if ( config.url === '/web/teacher/classes' || config.url === '/web/teacher/students || config.url === '/web/teacher/groups ) { .... }
// 优化
let urlOption = ['/web/teacher/classes', '/web/teacher/students', '/web/teacher/groups']
if (urlOption.includes(config.url)) { ...}
// 类似
let str = ''
switch (number) {
case 0:str = '编辑'
break
case 1:str = '新增'
break }
return str
let desArr = ['编辑', '新增']
return desArr[nubmer]
例2  var  str = '', type = 'sex'
  switch (type) {
    case 'name':str = '姓名'
break
case 'sex':str = '性别'
break
}
function fn(val){
    if(!val) return ''
    let dict = {
        name: '小明',
        sex: '女'
    }
    return dict[val] || val
}
fn('name')
// 用对象字面量会更好,也更方便维护和复用。比较常见的是一些枚举数据以及固定值。
js代码上的优化的更多相关文章
- 编写高质量JS代码上
		想写出高效的javascript类库却无从下手: 尝试阅读别人的类库,却理解得似懂给懂: 打算好好钻研js高级函数,但权威书上的内容太零散, 即使记住“用法”,但到要“用”的时候却没有想“法”. 也许 ... 
- 如何用浏览器调试js代码
		按F12打开调试工具 
- 编写高质量JS代码中
		前段时间看了几道关于前端javascript的面试题目,方觉函数调用模式等基础的重要性.于是,下定决心,好好补补基础,即便不能深入语言的内部设计模式,也要对基本面向对象概念有比较深入的理解. 继续上一 ... 
- JavaScript必备:Google发布的JS代码规范(转)
		[翻译]关于Google发布的JS代码规范,你需要了解什么? 翻译 | WhiteYin 译文 | https://github.com/WhiteYin/translation/issues/10 ... 
- webpack提取公共js代码
		webpack打包js代码与提取公共js代码分析 webpack提取公共js代码示例 一.分析 webpack默认打包js代码时,是将从入口js模块开始,将入口js模块所依赖的js以及模块逐层依赖的模 ... 
- JS代码的简单重构与优化
		JS代码的简单重构与优化(适合新手) 原文 http://www.cnblogs.com/similar/p/5016424.html Demo . 1 //bad if (age > 20) ... 
- 还原网站上压缩的js代码
		还原网站上压缩的js代码 我们经常可以看到一些网站,把所需的javascript代码压缩成一行,就像下图这样 这种代码浏览器能读懂,但正常人是没法阅读的. 既然浏览器能读,浏览器当然也能还原这段代码. ... 
- 兼容好的JS图片上传预览代码
		转 : http://www.codefans.net/articles/1395.shtml 兼容好的JS图片上传预览代码 (谷歌,IE11) <html xmlns="http:/ ... 
- 如何使用Fiddler调试线上JS代码
		大家平时肯定都用过火狐的Firebug或者谷歌的调试工具来调试JS,但遗憾的是我们不能像编辑html,css那样来直接新增或者删除JS代码. 虽然可以通过调试工具的控制台来动态执行JS代码,但有时候却 ... 
随机推荐
- CentOS日志列表
			anaconda/* 包含至少5个日志文件:anaccmda.log用于保存一般安装消息:anaconda.packaging.log用于保存包安装消息:anaconda.programJog用于调用 ... 
- Linux 模块管理
			查看模块信息 modinfo module-name 加载模块 insmod module-name 卸载模块 rmmod module-name 生成模块依赖 cd /lib/module/`una ... 
- Windows“储存并显示最近在开始菜单和任务栏中打开的项目”显示灰色问题解决
			问题截图如下: 解决方法 打开"组策略",依次选择"用户配置"--"管理模板"--"开始菜单和任务栏"--"不 ... 
- PAT 1048 数字加密(20)(代码+思路)
			1048 数字加密(20)(20 分) 本题要求实现一种数字加密方法.首先固定一个加密用正整数A,对任一正整数B,将其每1位数字与A的对应位置上的数字进行以下运算:对奇数位,对应位的数字相加后对13取 ... 
- vue.js vue-cli 中解决 axios 跨域调用的问题
			修改 /config/index.js 文件如下: proxyTable: { '/api': { target: 'http://chifan.local', changeOrigin: true, ... 
- Zookeeper 系列(二)安装配制
			Zookeeper 系列(二)安装配制 一.Zookeeper 的搭建方式 Zookeeper 安装方式有三种,单机模式和集群模式以及伪集群模式. 单机模式 :Zookeeper 只运行在一台服务器上 ... 
- echarts 使用配置模式(含事件)
			<!-- 引入echarts UMD 环境--> <script src="js/echarts/build/dist/echarts.js"></s ... 
- window server2012服务器上如何安装nginx并启动
			window环境下,Nginx安装启动的步骤如下: 把下载的window下的安装包,解压到一个不包含空格的路径下,比如:d:/Nginx 打开命令行窗口[win+R 输入cmd,然后确定]. 进入解压 ... 
- [GO]解决golang.org/x/ 下包下载不下来的问题
			因为在项目中要使用到一个golang.org的包,但是因为墙的问题,官方方法已经无法使用,但是在github上存在一个镜像站可以使用,我们只需要将它克隆下来就可以正常使用了 mkdir -p $GOP ... 
- 【Unity】1.2 HelloWorld--测试桌面和Android游戏能否正常运行
			分类:Unity.C#.VS2015 创建日期:2016-03-23 一.简介 这一节先搞一个最简单的Unity游戏,目的是为了验证Unity的桌面游戏开发环境和Android游戏开发环境是否有问题. ... 
