(二)前端基本功:JS必記知識(shí)點(diǎn)+案例

☆函數(shù)(function)

函數(shù):函數(shù)是由事件驅(qū)動(dòng)的或者當(dāng)它被調(diào)用時(shí)執(zhí)行的可重復(fù)使用的代碼塊版保。

function name(arguments){

statements;

}

函數(shù)的聲明:函數(shù)使用跟變量一樣,需要 聲明

自定義函數(shù):

函數(shù)直接量聲明:


變量聲明提升(面試易考點(diǎn))

什么是變量提升?在函數(shù)體內(nèi)部县袱,聲明變量啦膜,會(huì)把該聲明提升到函數(shù)體的最頂端晤斩。 只提升變量聲明,不賦值番挺。

如下:

案例:

經(jīng)典面試題1:

結(jié)果是 undefined

經(jīng)典面試題2:

undefined 9

函數(shù)參數(shù)

【案例】:

*形參類似于變量來理解,所以形參同變量一樣吗浩,是不加引號(hào)“”的建芙;而實(shí)參則必須加引號(hào)!

形參的目的是為了接受實(shí)參

arguments是存儲(chǔ)了函數(shù)傳送過過來實(shí)參

Javascript在創(chuàng)建函數(shù)的同時(shí)懂扼,會(huì)在函數(shù)內(nèi)部創(chuàng)建一個(gè)arguments對(duì)象實(shí)例.

arguments對(duì)象只有函數(shù)開始時(shí)才可用禁荸。函數(shù)的 arguments 對(duì)象并不是一個(gè)數(shù)組,訪問單個(gè)參數(shù)的方式與訪問數(shù)組元素的方式相同

arguments對(duì)象的長度是由實(shí)參個(gè)數(shù)而不是形參個(gè)數(shù)決定的

形參阀湿、實(shí)參的練習(xí)1:

形參實(shí)參案例練習(xí)1源碼:


【案例】參數(shù)的傳遞的練習(xí)案例:(建議練熟赶熟,至少敲5遍!)

案例中小圖是70px*70px;大圖是360px*360px(素材獲取見本文末)

HTML部分:

CSS部分源碼:

JS部分源碼:

X形參相當(dāng)于變量不加引號(hào)陷嘴,實(shí)參則必須加上引號(hào)

返回值 return


定義:

一個(gè)函數(shù)實(shí)際上就是一個(gè)計(jì)算過程映砖,計(jì)算完成之后的結(jié)果就是返回值。

定義函數(shù)的返回值:

在函數(shù)內(nèi)部用return來設(shè)置返回值灾挨,一個(gè)函數(shù)只能有一個(gè)返回值邑退。

同時(shí),終止代碼的執(zhí)行劳澄。

所有的自定義函數(shù)默認(rèn)沒有返回值地技;

Return后面不要換行

▲案例代碼:

$封裝


算式運(yùn)算符

+ - * ?/ ?% ?^

A++ ? ?++后置每次自加1 ? ? ?先運(yùn)算后自加;

++a ? ? ++前置每次自加1 ? ? ? 先自加后運(yùn)算;

案例:

答案是77.

解答:

第2行為11;第3行為12秒拔;第4行為13+21+30+13=77

* 第4行中c++為30的原因:

這是后置++莫矗,也就是該行語句(4)執(zhí)行完后才會(huì)執(zhí)行c+=1這條語句

對(duì)應(yīng)的前置++也就是在該語句之前(3執(zhí)行完后),執(zhí)行c+=1


☆語句

條件語句(if)☆

If(條件表達(dá)式){語句;}

If() {}else {}

If()else if(){}else if(){} else {}


案例:點(diǎn)擊查詢是否中獎(jiǎng)砂缩。

【案例】:點(diǎn)擊輸入文字“請(qǐng)輸入內(nèi)容”消失作谚,刪除文字后又出現(xiàn)。

HTML部分:

CSS部分:


JS部分:

案例中涉及的知識(shí)點(diǎn)庵芭,onfocus,onblur事件:

獲得焦點(diǎn):onfocus

失去焦點(diǎn):onblur

【案例】簡單驗(yàn)證表單


HTML:

CSS:

JS:


案例涉及知識(shí)點(diǎn):

·this(自己的)

指的是本身妹懒;This主要是指事件的調(diào)用者。

·className類名

$("result").className="wrong";

·innerHTML?更換盒子里面的內(nèi)容双吆,文字標(biāo)簽都換.


·表單更換內(nèi)容?Input.value

isNaN ? ?nan不是一個(gè)數(shù)字 ? ? ?is是 ? ?是 ? 不是一個(gè)數(shù)字

isNaN(“12”)如果里面的不是個(gè)數(shù)字 ?返回true ?否則 ? 返回false

·方法和屬性:

方法和屬性的區(qū)別:

·方法一律帶有小括號(hào)彬伦。?Iphone.tel();

方法給值:isNaN(“值”);

·屬性給值一定是等號(hào)。Iphone.color = “red”;


表單自動(dòng)獲得焦點(diǎn):

Txt.focus();方法

Onfocus事件

鼠標(biāo)經(jīng)過選擇表單:

方法select()選擇功能

自動(dòng)獲得和鼠標(biāo)經(jīng)過選擇

for循環(huán)

For(var i = 0; i<100;i++) {? }? 遍歷

For(;;){ }? ? 死循環(huán)

案例“金字塔”如圖

源碼:


·getElementsByTagName()? 獲取某類標(biāo)簽

getElementById()?id元素 ? 一個(gè)

getElementsByTagName();很多個(gè) ?所以是復(fù)數(shù)很多個(gè)


**以上案例所涉及圖片素材獲取方式:

百度網(wǎng)盤鏈接:http://pan.baidu.com/s/1dFcDuhF 密碼:itbs

有任何疑問請(qǐng)?jiān)谠u(píng)論區(qū)留言伊诵,咱們一起探討與進(jìn)步吧!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末回官,一起剝皮案震驚了整個(gè)濱河市曹宴,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌歉提,老刑警劉巖笛坦,帶你破解...
    沈念sama閱讀 218,451評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件区转,死亡現(xiàn)場離奇詭異,居然都是意外死亡版扩,警方通過查閱死者的電腦和手機(jī)废离,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,172評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來礁芦,“玉大人蜻韭,你說我怎么就攤上這事∈量郏” “怎么了肖方?”我有些...
    開封第一講書人閱讀 164,782評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長未状。 經(jīng)常有香客問我俯画,道長,這世上最難降的妖魔是什么司草? 我笑而不...
    開封第一講書人閱讀 58,709評(píng)論 1 294
  • 正文 為了忘掉前任艰垂,我火速辦了婚禮,結(jié)果婚禮上埋虹,老公的妹妹穿的比我還像新娘猜憎。我一直安慰自己,他們只是感情好吨岭,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,733評(píng)論 6 392
  • 文/花漫 我一把揭開白布拉宗。 她就那樣靜靜地躺著,像睡著了一般辣辫。 火紅的嫁衣襯著肌膚如雪旦事。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,578評(píng)論 1 305
  • 那天急灭,我揣著相機(jī)與錄音姐浮,去河邊找鬼。 笑死葬馋,一個(gè)胖子當(dāng)著我的面吹牛卖鲤,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播畴嘶,決...
    沈念sama閱讀 40,320評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼蛋逾,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼!你這毒婦竟也來了窗悯?” 一聲冷哼從身側(cè)響起区匣,我...
    開封第一講書人閱讀 39,241評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎蒋院,沒想到半個(gè)月后亏钩,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體莲绰,經(jīng)...
    沈念sama閱讀 45,686評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,878評(píng)論 3 336
  • 正文 我和宋清朗相戀三年姑丑,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了蛤签。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,992評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡栅哀,死狀恐怖震肮,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情昌屉,我是刑警寧澤钙蒙,帶...
    沈念sama閱讀 35,715評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站间驮,受9級(jí)特大地震影響躬厌,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜竞帽,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,336評(píng)論 3 330
  • 文/蒙蒙 一扛施、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧屹篓,春花似錦疙渣、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,912評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至谍肤,卻和暖如春啦租,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背荒揣。 一陣腳步聲響...
    開封第一講書人閱讀 33,040評(píng)論 1 270
  • 我被黑心中介騙來泰國打工篷角, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人系任。 一個(gè)月前我還...
    沈念sama閱讀 48,173評(píng)論 3 370
  • 正文 我出身青樓恳蹲,卻偏偏與公主長得像,于是被迫代替她去往敵國和親俩滥。 傳聞我的和親對(duì)象是個(gè)殘疾皇子嘉蕾,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,947評(píng)論 2 355

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

  • FreeCodeCamp - Basic JavaScript 寫在前面: 我曾經(jīng)在進(jìn)谷前刷過這一套題,不過當(dāng)時(shí)只...
    付林恒閱讀 16,443評(píng)論 5 28
  • 第5章 引用類型(返回首頁) 本章內(nèi)容 使用對(duì)象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學(xué)一百閱讀 3,234評(píng)論 0 4
  • 最近愛上了在家人熟睡后爬上四樓的屋頂呆著看星星霜旧。 盛夏的夜晚和它的天氣一樣都是熱情的荆针。不是盛夏,怎么能看到如此熱鬧...
    京起一灘鷗露閱讀 252評(píng)論 0 0
  • 曾經(jīng)如果沒那么在乎可能現(xiàn)在不會(huì)是這樣的結(jié)局,或許是美好....... 曾經(jīng)如果沒那么在乎或許今天受傷害的還是一個(gè)人...
    遺忘痕跡閱讀 168評(píng)論 0 1