前端知識(shí)摘寫(xiě)(二)

  1. href=”javascript:void(0);”這個(gè)的含義是刮便,讓超鏈接去執(zhí)行一個(gè)js函數(shù)睛藻,而不是去跳轉(zhuǎn)到一個(gè)地址,而void(0)表示一個(gè)空的方法就漾,也就是不執(zhí)行js函數(shù),就是保留a的樣式而已念搬。
    2.js中數(shù)字沒(méi)有整數(shù)和浮點(diǎn)數(shù)之分抑堡,js函數(shù)判斷語(yǔ)句中,若不想再執(zhí)行判斷以下的內(nèi)容可以直接return朗徊,結(jié)束函數(shù)
    3.對(duì)比記憶:length首妖、 length()、size()在java爷恳,js有缆,jq的區(qū)別
    length:在三者中都是計(jì)算數(shù)組長(zhǎng)度,js中(還包括計(jì)算字符串長(zhǎng)度)
    length():java中是計(jì)算字符串長(zhǎng)度温亲,js棚壁、jq中無(wú)此用法
    size():java中計(jì)算集合大小,js栈虚、jq中獲取元素個(gè)數(shù)
    4.變量和函數(shù)同名保留函數(shù)袖外,函數(shù)同名保留后者
    5.事件觸發(fā)者要為對(duì)象,事件為響應(yīng)可根據(jù)魂务,事件函數(shù)分段分析判斷


    image.png

    . 當(dāng)進(jìn)行雙等號(hào)比較時(shí)候: 先檢查兩個(gè)操作數(shù)數(shù)據(jù)類(lèi)型曼验,如果相同, 則進(jìn)行===比較粘姜, 如果不同鬓照, 則愿意為你進(jìn)行一次類(lèi)型轉(zhuǎn)換, 轉(zhuǎn)換成相同類(lèi)型后再進(jìn)行比較孤紧, 而===比較時(shí)豺裆, 如果類(lèi)型不同,直接就是false.

7.js函數(shù)前加感嘆號(hào)—>自動(dòng)執(zhí)行坛芽。任何能將函數(shù)變成一個(gè)函數(shù)表達(dá)式的作法留储,都可以使解析器正確的調(diào)用定義函數(shù)翼抠。而 ! 就是其中一個(gè)咙轩,而 + - || 都有這樣的功能。

image.png

8.百度登錄框阴颖,拖動(dòng)圖解活喊。

image.png

9.事件冒泡機(jī)制圖解。個(gè)人觀點(diǎn):如果出現(xiàn)了更大一級(jí)的區(qū)域量愧,且兩者綁定的事件相同钾菊,產(chǎn)生的事件就會(huì)往上傳播或者先執(zhí)行最大一級(jí)區(qū)域綁定的(前提是兩者為嵌套關(guān)系帅矗,并先觸發(fā)小一級(jí)事件)

image.png

10.插入元素在前面,使用insertBefore(),要插入的節(jié)點(diǎn)對(duì)象.inserBefore(要插入的新內(nèi)容,要插入在哪個(gè)地方的前面)

oUl.insertBefore(oLi,oUl.childNodes[0]); childNodes[0]是為了鎖定在oUl下的節(jié)點(diǎn)的第一個(gè)元素煞烫。說(shuō)明新增加的元素放在此前浑此。

11.隨機(jī)數(shù)取值

image.png

12.自定義標(biāo)簽js調(diào)用

image.png

13.js獲取樣式

image.png
image.png

14.節(jié)點(diǎn)類(lèi)型

image.png
image.png
  1. flex 布局首先要設(shè)置父容器display: flex,然后再設(shè)置 justify-content: center 實(shí)現(xiàn)水平居中滞详,最后設(shè)置align-items: center 實(shí)現(xiàn)垂直居中凛俱。
image.png

16.事件冒泡的bug,點(diǎn)擊父節(jié)點(diǎn)料饥,子節(jié)點(diǎn)全變色蒲犬,利用節(jié)點(diǎn)做判斷篩選

image.png
  1. parentNode和parentElement都是返回父節(jié)點(diǎn)(父元素)及同級(jí)所有節(jié)點(diǎn)(元素),效果一樣岸啡。
image.png

18.pageX/Y整個(gè)頁(yè)面的坐標(biāo)原叮,clientX/Y可視區(qū)用戶(hù)鼠標(biāo)的位置。設(shè)置高后容易看出y坐標(biāo)軸區(qū)別巡蘸,x軸坐標(biāo)是一樣的奋隶。offsetWidth/Height 就是盒子的總寬度,包括border悦荒,padding帶來(lái)的寬度和高度的變化,沒(méi)有margin达布。注意:document是對(duì)象沒(méi)有寬高。 獲扔舛:document.documentElement.scrollHeight

滾動(dòng)條監(jiān)聽(tīng)事件:window.onscroll

image.png
  1. 事件捕獲[圖片上傳失敗


    image.png
image.png
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末黍聂,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子身腻,更是在濱河造成了極大的恐慌产还,老刑警劉巖,帶你破解...
    沈念sama閱讀 210,914評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件嘀趟,死亡現(xiàn)場(chǎng)離奇詭異脐区,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)她按,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,935評(píng)論 2 383
  • 文/潘曉璐 我一進(jìn)店門(mén)牛隅,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人酌泰,你說(shuō)我怎么就攤上這事媒佣。” “怎么了陵刹?”我有些...
    開(kāi)封第一講書(shū)人閱讀 156,531評(píng)論 0 345
  • 文/不壞的土叔 我叫張陵默伍,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我,道長(zhǎng)也糊,這世上最難降的妖魔是什么炼蹦? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,309評(píng)論 1 282
  • 正文 為了忘掉前任,我火速辦了婚禮狸剃,結(jié)果婚禮上掐隐,老公的妹妹穿的比我還像新娘。我一直安慰自己钞馁,他們只是感情好瑟枫,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,381評(píng)論 5 384
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著指攒,像睡著了一般慷妙。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上允悦,一...
    開(kāi)封第一講書(shū)人閱讀 49,730評(píng)論 1 289
  • 那天膝擂,我揣著相機(jī)與錄音,去河邊找鬼隙弛。 笑死架馋,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的全闷。 我是一名探鬼主播叉寂,決...
    沈念sama閱讀 38,882評(píng)論 3 404
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼总珠!你這毒婦竟也來(lái)了屏鳍?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,643評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤局服,失蹤者是張志新(化名)和其女友劉穎钓瞭,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體淫奔,經(jīng)...
    沈念sama閱讀 44,095評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡山涡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,448評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了唆迁。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片鸭丛。...
    茶點(diǎn)故事閱讀 38,566評(píng)論 1 339
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖唐责,靈堂內(nèi)的尸體忽然破棺而出鳞溉,到底是詐尸還是另有隱情,我是刑警寧澤妒蔚,帶...
    沈念sama閱讀 34,253評(píng)論 4 328
  • 正文 年R本政府宣布穿挨,位于F島的核電站,受9級(jí)特大地震影響肴盏,放射性物質(zhì)發(fā)生泄漏科盛。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,829評(píng)論 3 312
  • 文/蒙蒙 一菜皂、第九天 我趴在偏房一處隱蔽的房頂上張望贞绵。 院中可真熱鬧,春花似錦恍飘、人聲如沸榨崩。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,715評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)母蛛。三九已至,卻和暖如春乳怎,著一層夾襖步出監(jiān)牢的瞬間彩郊,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,945評(píng)論 1 264
  • 我被黑心中介騙來(lái)泰國(guó)打工蚪缀, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留秫逝,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,248評(píng)論 2 360
  • 正文 我出身青樓询枚,卻偏偏與公主長(zhǎng)得像违帆,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子金蜀,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,440評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • ??DOM(文檔對(duì)象模型)是針對(duì) HTML 和 XML 文檔的一個(gè) API(應(yīng)用程序編程接口)渊抄。 ??DOM 描繪...
    霜天曉閱讀 3,619評(píng)論 0 7
  • 第3章 基本概念 3.1 語(yǔ)法 3.2 關(guān)鍵字和保留字 3.3 變量 3.4 數(shù)據(jù)類(lèi)型 5種簡(jiǎn)單數(shù)據(jù)類(lèi)型:Unde...
    RickCole閱讀 5,104評(píng)論 0 21
  • 一:認(rèn)識(shí)jquery jquery是javascript的類(lèi)庫(kù)惠险,具有輕量級(jí),完善的文檔抒线,豐富的插件支持班巩,完善的Aj...
    xuguibin閱讀 1,706評(píng)論 1 7
  • 歡迎關(guān)注個(gè)人微信公眾賬號(hào):byodian個(gè)人博客:Byodian's Blog JavaScript 基礎(chǔ)知識(shí)總結(jié)...
    工具速遞閱讀 754評(píng)論 0 3
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)嘶炭。 注意:講述HT...
    kismetajun閱讀 27,445評(píng)論 1 45