发表于： 2016-12-26 23:18:01
1 1618
一、今天完成的事情：
1.处理了小任务的各种bug，完成了小任务。
2.做好了task4的静态页面（虽然很多都用了绝对定位）基本逻辑已经有点想法了，写了一点js代码出来，但是这两天我想多补一下基础，感觉js的基础是真的重要！
二、明天要做的事情：
1.看js基础；
2.看晚了有时间的话再把任务4写了。
三、遇到的问题：
1.javascript事件监听：
1.为什么要用事件监听：如果一个button绑定了多个事件，那么后面的事件会把前面的事件覆盖，但是使用了事件监听之后，就不会再覆盖；
2.原生的事件监听方法是addEventListener， 元素.addEventListener("如何操作如click",方法名);
3.当然在绑定了之后也是可以移除的，使用removeEventListener就能实现，注意在移除的时候，值能单独写函数的句柄，不能包含句体；
4.以下是封装好的快捷添加事件监听的方法；
/*
* removeEventHandler:移除Dom元素的事件
*
* target：监听对象
* type：监听函数类型，如click,mouseover
* func：监听函数
*/
function removeEventHandler(target, type, func) {
if (target.removeEventListener){
//监听IE9，谷歌和火狐
target.removeEventListener(type, func, false);
} else if (target.detachEvent){
target.detachEvent("on" + type, func);
}else {
delete target["on" + type];
}
}
var eventOne = function(){
alert("第一个监听事件");
}
function eventTwo(){
alert("第二个监听事件");
}
window.onload = function(){
var bindEventBtn = document.getElementById("bindEvent");
//监听eventOne事件
addEventHandler(bindEventBtn,"click",eventOne);
//监听eventTwo事件
addEventHandler(bindEventBtn,"click",eventTwo );
//监听本身的事件
addEventHandler(bindEventBtn,"click",function(){
alert("第三个监听事件");
});
//取消第一个监听事件
removeEventHandler(bindEventBtn,"click",eventOne);
//取消第二个监听事件
removeEventHandler(bindEventBtn,"click",eventTwo);
}
2.！内的运算要用括号括起来！（3+5），不然会失效。
3.比较两个浮点数是否相等，只能计算他们差的某个阀值是否相等就行了。
4.javascript对象的构成：由键-值组成的无序集合，并且键始终都是字符串类型，值可以是任何数据类型。,name:"frank"，获取方法：person.name就能得到frank
5.使用多行字符串的简单方法：··用这个括起来，1左边的那个符号。
6.模板字符串，用 ${}将变量包起来，注意这里需要用1左边那个符号来包裹这些东西
7.splice 万能方法， solice(号数，删除个数，添加元素)
返回列表
评论