js小结2

1.includes和contains

　　对于字符串，数组来说，判断包含是includes,对classList是contains

2.编辑span内容，enter提交（如何避免keydown之后换行：outline去除）

3.toggleClass：这个函数用来开关一个元素的某个 class

　　var toggleClass = function(element, className) {
　　if (element.classList.contains(className)) {
　　　　element.classList.remove(className)
　　} else {
　　　　element.classList.add(className)
　　}
}

4.

事件冒泡：浏览器处理事件的机制，最底层元素最先拿到事件，向上一层层传递

event.cancelBubble=true,组织该元素事件冒泡

事件捕获;和冒泡相反的，最外层先得到，addEventListener的第三个参数是true（useCapture的）

5.绑定事件：1>var loginButton = document.querySelector('#id-button-login')

　　　　　　　　loginButton.addEventListener('click', function(){})

　　　　　　2>${'.#id-button-login'}.on('click',function{})

　　　　　　3.button的另外一种做法直接绑定事件

　　　　　　　　<input type="button" onclick="当点击时调用的函数" value="显示警告框" />

6.join与spilt

join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。arrayObject.join(separator)
参数如果省略，就用“，”分割

split() 方法用于把一个字符串分割成字符串数组。stringObject.split(separator)

7.ready和change

$(document).ready(function(){    　　　　　　　　 //ready在文档加载后激活函数
　　$(".field").change(function(){　　　　　　　　　　//内容改变后按enter或者焦点移出输入框触发事件
　　　　$(this).css("background-color","#D6D6FF");
　　});
});

8.转换编码

base64；
enCodeURLComponent()

9.

hover 选择器鼠标指针在其上浮动的链接设置样式

css中跨浏览器的问题：-ms代表ie内核识别码
-moz代表火狐内核识别码
-webkit代表谷歌内核识别码
-o代表欧朋【opera】内核识别码

10.

如何把时间写入存储
var time = function(){
var d = new Date()
var year = d.getFullYear()
var month = d.getMonth()
var timeString = `${year} ${month}`
return timeString