第二十到第二十一天：让你和页面对话

日期	总用时	学习目标
2018.08.16	4h	DOM

学习目标

掌握 JavaScript 的核心之一：DOM，能够熟悉 DOM 相关操作，了解 JavaScript 事件机制

学习内容 V

第十九天：找到那个 DOM
MDN DOM

学习笔记

事件冒泡与事件代理(事件委托）

事件冒泡

默认情况下:子元素的 event 触发会传播至父元素的相应事件
阻止冒泡:

   document.getElementById('parent').onclick=function () {console.log(this.getAttribute('data-id'));};document.getElementById('child').onclick=function (ev) {var e = ev||window.event;//<span style="color:#FF0000;">IE中event可以通过window.event随时取到，而其他浏览器需要通过参数传递</span>console.log(this.getAttribute('data-id'));stopPropagation(e);};function stopPropagation(e) {if (e.stopPropagation) {e.stopPropagation();} else {e.cancelBubble = true;}}

事件代理(事件委托)

子元素事件委托给父元素处理

var ul = document.getElementById('parentUl');ul.onclick=function (event) {var e = event||window.event,source = e.target || e.srcElement;//target表示在事件冒泡中触发事件的源元素，在IE中是srcElementif(source.nodeName.toLowerCase() == "li"){   //判断只有li触发的才会输出内容alert(source.innerHTML);}stopPropagation(e);                           //阻止继续冒泡};function addElement() {var li = document.createElement('li');li.innerHTML="我是新孩子";ul.appendChild(li);}

setInteval 和 setTimeout

setTimeout(functionName,time) 不会重复
setInteval(functionName,time) 不会重复

CSS Sprite

将小图片组合成大的图片以节省带宽

对于后台程序员很简单，就不写了

作业：

console submit
控制 display
显示颜色
显示颜色-利用事件代理
淡入淡出
一帧动画

待深入的知识

《JavaScript 高级程序设计》
跨平台测试
CSS animation

疑问

Flag

系统的学习前端，坚持 66 天

第二十到第二十一天：让你和页面对话-IFE相关推荐

python第二十九课——文件读写(复制文件)
自定义函数:实现文件复制操作有形参(2个) 没有返回值相似版(不用) def copyFile(src,dest):#1.打开两个文件:1个关联读操作,1个关联写操作fr=open(src,'rb') ...
第二十二课.XGBoost
目录模型公式优化算法目标函数树的生成预测值的确定特征空间的划分使用 XGBoost 实现波士顿房价预测使用 XGBoost 完成乳腺癌诊断的二分类问题模型公式 XGBoost 在集成 ...
stm32l0的停止模式怎么唤醒_探索者 STM32F407 开发板资料连载第二十二章待机唤醒实验
1)实验平台:alientek 阿波罗 STM32F767 开发板 2)摘自<STM32F7 开发指南(HAL 库版)>关注官方微信号公众号,获取更多资料:正点原子第二十二章待机唤醒实 ...
NeHe OpenGL第二十八课：贝塞尔曲面
NeHe OpenGL第二十八课:贝塞尔曲面贝塞尔曲面: 这是一课关于数学运算的,没有别的内容了.来,有信心就看看它吧. 贝塞尔曲面作者: David Nikdel ( ogapo@ithink. ...
第二十八条：利用有限制通配符来提升API的灵活性
如第二十五条所述,参数化类型是不可变的.类型Type1和Type2而言,不管Type1与Type2的关系,List<Type1>既不是List<Type2>的子类型,也不是也不 ...
stm32 文件系统dma大小_「正点原子NANO STM32F103开发板资料连载」第二十二章 DMA 实验...
1)实验平台:[正点原子] NANO STM32F103 开发板 2)摘自<正点原子STM32 F1 开发指南(NANO 板-HAL 库版)>关注官方微信号公众号,获取更多资料:正点原子 ...
code第一部分数组：第二十二题偶数次中查找单独出现一次的数
code第一部分数组:第二十二题偶数次中查找单独出现一次的数 Given an array of integers, every element appears twice except for o ...
经典算法题每日演练——第二十二题奇偶排序
原文:经典算法题每日演练--第二十二题奇偶排序这个专题因为各种原因好久没有继续下去了,MM吧...你懂的,嘿嘿,不过还得继续写下去,好长时间不写,有些东西有点生疏了, 这篇就从简单一点的一个&qu ...
计算机三级网络技术题库第15套,计算机等级考试理论试题第二十五套
1.十进制数 141 转换成无符号二进制数是______. A.10011101 B.10001011 C.10001100 D.10001101 2.当前计算机感染病毒的可能途径之一是______. ...

第二十到第二十一天：让你和页面对话-IFE

第二十到第二十一天：让你和页面对话

学习目标

学习内容 V

学习笔记

事件冒泡与事件代理(事件委托）

事件冒泡

事件代理(事件委托)

setInteval 和 setTimeout

CSS Sprite

作业：

待深入的知识

疑问

Flag

第二十到第二十一天：让你和页面对话-IFE相关推荐

最新文章

热门文章