360 H5 事件冒泡

da bu chu lai zhong wen  wo de shu ru fa chu wen ti le. na jiu fei huo shao shuo!!!

我已经疯魔了。输入法出问题就调整一下啊，我已经疯了，昨天晚上做梦，梦了一晚上了offer通知，面试通知，在梦里把人能高兴死。醒来，哎。。。GGGGGGGGGGG都是假象~~~~我已经疯了，走路在想URL输入后的过程。真的神经的不行，舍友也疯了，大家都疯魔了，大晚上的说不定会群魔乱舞了。哎呀呀，我废话真多。

我去去去去去去去，全是ES6，我是真的难受，这我只能看懂，在es5挖坑我都毫不犹豫的跳，现在在ES6挖坑，我根本就想不来是坑好吧。

1、H5新标签  

（1）各种标签footer header article aside section 

（2）input其他的类型：
1. text 文本输入框
2. password 密码  这？？？？？？？？？？？？？？？
3. button 按钮
4. checkbox 复选
5. radio 单选
6. submit 提交
7. reset 重置
8. file 文件
9. email 输入邮箱地址 检测@
10. url URL地址
11. number 只能输入数字 还有e
12. range 范围 默认0~100
required 必须填写
placeholder 占位符

（3）流式布局 即百分比布局 en rem

（4）媒体查询 <link rel="stylesheet" href="" media="screen and (min-width:500px) and (max-width:700px)">

（5）前缀  腾讯：国内唯一有自己内核的公司，X5。（X5的浏览器内核是基于早起的webkit内核开发出来的，而后自己优化。QQ浏览器 微信）
-webkit-: 谷歌前缀，谷歌内核（猎豹 360 safari）
-o-: 欧朋 （已经摒弃自己的内核，转战谷歌的阵营）
-ms-: 微软 ie 斯巴达
-moz-: 火狐 ff

2、事件

const link=document.querySelector("a.preview");
link.addEventListener(click,function(e){
previewImage(e.target.href);


_____________________(填什么)
});

这个我真的没有遇见过，我觉得应该是阻止他的事件冒泡吧。

cancel.bubble

事件冒泡：

什么是事件冒泡：在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）。

就是 在子定义（有 就结束）没有->爸爸没有——》爸爸-》爸爸-》-------------直到有或者到根（window）。

作用：（1）给爸爸安排一个事件，那么儿子们就有这个事件了 （我X 什么玩意？？？）

<div οnclick="eventHandle(event)" id="outSide" style="width:100px; height:100px; background:#000; padding:50px">
	<div id="inSide" style="width:100px; height:100px; background:#CCC"></div>
</div>

function eventHandle(e)
{
    var e=e||window.event;
    var obj=e.target||e.srcElement;
    alert(obj.id+' was click')
}

点啥 啥显示

我就不明白了，他不是要给爸爸吗？怎么给儿子了？     先这么记住吧

ooo，这里是事件捕获有从里到外与从外到里的。。。。。还是不知道，MD。

（2）不同对象捕获同一事件。

爸爸有 儿子也有 触发了儿子的 爸爸的也触发 这个挺容易理解滴啊

<div οnclick="outSideWork()" id="outSide" style="width:100px; height:100px; background:#000; padding:50px">1
		<div οnclick="inSideWork()" id="inSide" style="width:100px; height:100px; background:#CCC">11</div>
	</div>

function outSideWork(){
	alert('My name is outSide,I was working...');
}

function inSideWork(){
	alert('My name is inSide,I was working...');
}

那我现在不想让儿子搞爸爸的，就要阻止事件冒泡了

function inSideWork()
{
alert('My name is inSide,I was working...');
window.event.cancelBubble=true;
}

这样就好了。

或者 捕捉e stopBubble(e);

●不是所有的事件都能冒泡。以下事件不冒泡：blur、focus、load、unload。

●阻止冒泡并不能阻止对象默认行为。比如submit按钮被点击后会提交表单数据，这种行为无须我们写程序定制。

不会自己再看->写的很好，还是不懂

3、Accessibility

请恕我第一次听，但是我真不没有找到文章可以参考。就凭我的感觉（？？？？？）吧。。。。。。。。。。。。

alt placeholder 还有撒？？？我真的不池到。。。。

4、关于this指针

		var x=1;
		var obj={
			x:2,
			func:function(){
				var x=3;
				return this.x;
			}
		};
		var fun=obj.func;
		console.log(obj.func(),fun());

2，1

我写对啦~~~~

5、RIP->UDP，BGP->TCP

6、同步加载外链CSS会阻塞后续内联JS的执行？

这他妈的。

答案是会。浏览器默认 HTML->CSS->JS的加载。当CSS后面跟着嵌入的JS的时候，该CSS就会出现阻塞后面资源下载的情况。

自己看吧

真的累了。。。

7、obj的传值

const obj={x:1,y:2};
function foo(obj){
	obj.x++;
	obj.y--;
}
foo(obj);
console.log(obj.x,obj.y);

答案:2,1

这他妈的又不是指针也不是C++   纠结什么？？？？！！！！！

8、我也不知道该叫什么？？？我疯魔了

const x=10;
console.log(x);
let x=20;
console.log(x);

出错了 const不可以修改

9、堆

1.堆

  堆实际上是一棵完全二叉树，其任何一非叶节点满足性质：

  Key[i]<=key[2i+1]&&Key[i]<=key[2i+2]或者Key[i]>=Key[2i+1]&&key>=key[2i+2]

  即任何一非叶节点的关键字不大于或者不小于其左右孩子节点的关键字。

  堆分为大顶堆和小顶堆，满足Key[i]>=Key[2i+1]&&key>=key[2i+2]称为大顶堆，满足 Key[i]<=key[2i+1]&&Key[i]<=key[2i+2]称为小顶堆。由上述性质可知大顶堆的堆顶的关键字肯定是所有关键字中最大的，小顶堆的堆顶的关键字是所有关键字中最小的。

0000000000000000000000000000000000000000000000000

今天就到这里吧  今天 心态炸了 哎