数组方法 push 和concat 区别

push 会改变原数组的数据
concat 不会改变原数组的数据、

除此以外 join 、slice、都不会改变原数组的值；pop()、shift()、push()、unshift()都会改变原数组的值。

判断值为空的赋值情况

数组去重方法

   
 

   
 

   
 

   
 

   
 

   
 

   
 
 

	
	
    
  
  
 function dedupe(array) { 

	
    
  
  
  return Array.from(new Set(array)); 

	
    
  
  
 } 

	
    
  
  
 

	
    
  
  
 dedupe([1, 1, 2, 3]) // [1, 2, 3] 


   
 
 

代码优化

1. JSon.parse()消耗性能，尽量整合。

时间格式处理

1.“2019-2-3T20：00：00”转成yyyy—MM—dd

   
 

   
 

   
 

   
 

   
 

   
 

   
 
 

	
	
    
  
  
  String.replace（/T\S+$/,''） 


   
 
 

场景：封装好的子组件传值，父组件获取时，不仅获取子组件的传值，还要获取当前索引 $event

移动端注意点

文本溢出界面处理

/*单行文本溢出省略*/
.odd-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
/*多行文本溢出省略*/
.even-ellipsis{display:-webkit-box !important;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
/*3行文本溢出省略*/
.three-ellipsis{display:-webkit-box !important;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:3;}

HTML转换成js字符串工具

http://www.css88.com/tool/html2js/

TimePicker时间选择验证

iview  select 选择时触发调取接口注意

@on-open-change方法在开关下拉时都会触发，绑定时加上（$event）,判断当前是开还是关。避免调取两次接口。

表单复杂验证

图片循环绑定失效 坑

v-model不支持计算表达式

在v-model中使用三目运算符报错
'v-model' directives require the attribute value which is valid as LHS.eslint-plugin-vue

这是由于v-model不能使用表达式，根据需要绑定的参数使用 计算属性

（1）如果你要实现的效果只是将父组件的值传递给子组件【没有双向绑定数据的效果】
报错修改   将v-model 改为  :model
:model是[v-bind]:model的缩写，只数据绑定，没有双向绑定效果，但不一定在表单元素上使用，任何有效元素上都可以使用；当v-bind和v-model同时用在一个元素上时，它们各自的作用没变，但v-model优先级更高，而且需区分这个元素是单个的还是一组出现的。

（2）实现数据双向绑定的效果  这时需要使用v-model来绑定数据，以及使用computed计算属性来绑定参数

computed计算报错

v-model是双向绑定，在computed只通过get获取参数，没有set无法改变参数。

解决办法：

1.computed中添加get和set