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




今天就到這裏吧  今天 心態炸了 哎



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章