js 笔记

数组

• 数组中的方法

1. array.filter(function(currentValue,index,arr), thisValue)
2. unshift() 向数组的开头添加一个或更多元素，并返回新的长度
3. splice(起点下标，修改/删除的长度，[新元素]) 向/从数组中添加/删除项目，然后返回被删除的项目

• 遍历时删除操作会影响数组的长度，导致无法遍历全部，这是的优化是：倒序遍历！！！

5. conact() 创建并返回一个新数组。
   PS:与push的区别是：push修改了原数组，contact没有。

• 数组追加合并

this.list=this.list.concat(newlist);

• 对象追加合并

this.object=Object.assign({},this.object,newObjects);

Object.assign()这个方法不是深层的复制对象，只是让对象里第一层的数据没有了关联性，但是对象内的对象则跟被复制的对象有着关联性的
字符串类型 和 对象类型 肯定是没有关联性的 ，因为它们的类型都不一样，肯定是没有可比性和关联性的

对象中添加键值对

this.goodsList[''+key+'']=list;//键是变量的情况

let obj3 = JSON.parse(JSON.stringify(obj1));

以上的方法可以封装成方法方便使用

vue的响应式系统参考官方文档

3. v-show与v-if：如果元素会频繁切换，推荐用v-show
   v-show无论后面的表达式是true还是false，都会渲染。不过在表达式为false时隐藏样式（display="none"）

4. 模板字符串：`hola,buenas noche! ${name}`

5. 实例化一个日期的一些例子：

new Date();
new Date(value);
new Date(dateString);
new Date(year, monthIndex [, day [, hours [, minutes [, seconds [, milliseconds]]]]]);

var today = new Date()
var d1 = new Date("October 13, 1975 11:13:00")
var d2 = new Date(79,5,24)
var d3 = new Date(79,5,24,11,33,0)

var myDate=new Date();
		var year=myDate.getYear();        //获取当前年份(2位)   120
		var fullyear=myDate.getFullYear();    //获取完整的年份(4位,1970-????)   2020
		var month=myDate.getMonth();       //获取当前月份(0-11,0代表1月)   8 
		var date=myDate.getDate();        //获取当前日(1-31)   25
		var day=myDate.getDay();         //获取当前星期X(0-6,0代表星期天)   5
		var time=myDate.getTime();        //获取当前时间(从1970.1.1开始的毫秒数)  1601018735267
		var hour=myDate.getHours();       //获取当前小时数(0-23)   15
		var minutes=myDate.getMinutes();     //获取当前分钟数(0-59)   25
		var seconds=myDate.getSeconds();     //获取当前秒数(0-59)   35
		var milliseconds=myDate.getMilliseconds();    //获取当前毫秒数(0-999)   267
		var localDate=myDate.toLocaleDateString();     //获取当前日期   2020/9/25
		var mytime=myDate.toLocaleTimeString();     //获取当前时间   下午3:25:35
		var locale=myDate.toLocaleString( );        //获取日期与时间   2020/9/25 下午3:25:35

6. Number() 函数把对象的值转换为数字。 如果对象的值无法转换为数字，那么 Number() 函数返回 NaN。 PS:如果参数是Date 对象，Number(日期对象) 返回从 1970 年 1 月 1 日至今（或Date对象那天）的毫秒数。

7. sessionStorage 用于临时保存**同一窗口(或标签页)**的数据，在关闭窗口或标签页之后将会删除这些数据。 在浏览器中存储 key/value 对的数据

8. localStorge 没有时间限制的存储
   不会自动将Json对象转成字符串形式
   用localStorage.setItem()正确存储JSON对象方法是：
   存储前先用JSON.stringify()方法将json对象转换成字符串形式

JSON.stringify()

JSON.stringify() 方法可以将任意的 JavaScript 值序列化成 JSON 字符串

后续要操作该JSON对象，要将之前存储的JSON字符串先转成JSON对象再进行操作

JSON.parse();

9. v-for :key为每个子节点标记唯一的id，预防重复渲染
   另外vue中在使用相同标签名元素的过渡切换时，也会使用到key属性，其目的也是为了让vue可以区分它们，否则vue只会替换其内部属性而不会触发过渡效果。
   好文推荐：vue虚拟渲染详解
   v-for中 :key的作用