add: CSS 开发积累
This commit is contained in:
@@ -43,7 +43,7 @@
|
||||
|
||||
我们可以看到,`DOM对象.事件 = 函数`的这种绑定事件的方式:一个元素的一个事件只能绑定一个响应函数。如果绑定了多个响应函数,则后者会覆盖前者。
|
||||
|
||||
### DOM2的写法:addEventListener
|
||||
### DOM2的写法:addEventListener(高版本浏览器)
|
||||
|
||||
```javascript
|
||||
element.addEventListener('click', function () {
|
||||
@@ -99,7 +99,10 @@
|
||||
|
||||
- 事件被触发时,响应函数会按照函数的绑定顺序执行。
|
||||
|
||||
- `addEventListener()`不支持 IE8 及以下的浏览器。在IE8中可以使用`attachEvent`来绑定事件(这里就不详细展开了)。
|
||||
- `addEventListener()`不支持 IE8 及以下的浏览器。在IE8中可以使用`attachEvent`来绑定事件(详见下一小段)。
|
||||
|
||||
### DOM2的写法:attachEvent(IE8及以下版本浏览器)
|
||||
|
||||
|
||||
|
||||
## 事件对象
|
||||
|
||||
@@ -1,80 +0,0 @@
|
||||
|
||||
|
||||
### 方法的注释
|
||||
|
||||
|
||||
方法写完之后(注意,一定要先写完整),我们在方法的前面输入`/**`,然后回车,会发现,注释的格式会自动补齐。
|
||||
|
||||
比如:
|
||||
|
||||
|
||||
|
||||
```javascript
|
||||
/**
|
||||
* 功能:给定元素查找他的第一个元素子节点,并返回
|
||||
* @param ele
|
||||
* @returns {Element|*|Node}
|
||||
*/
|
||||
function getFirstNode(ele){
|
||||
var node = ele.firstElementChild || ele.firstChild;
|
||||
return node;
|
||||
}
|
||||
```
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
### 断点调试
|
||||
|
||||
(1)先让程序运行一遍。
|
||||
|
||||
(2)f12,弹出代码调试工具
|
||||
|
||||
(3)打断点:
|
||||
|
||||

|
||||
|
||||
然后刷新页面。
|
||||
|
||||
(4)一步步调试,每点击一次,执行一步:
|
||||
|
||||

|
||||
|
||||
(5)监视变量:
|
||||
|
||||
当然,也可以添加变量或者表达式到监视窗口。操作如下:
|
||||
|
||||

|
||||
|
||||
上图中,选择变量或表达式,然后右键add to watch.
|
||||
|
||||
然后监视窗口:
|
||||
|
||||

|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user