我的JavaScript學(xué)習(xí)歷程-初識JavaScript

1. 什么是JavaScript

JavaScript是一種基于原型 芋齿、 弱類型腥寇、動態(tài)解釋型的腳本語言。是瀏覽器的一部分觅捆,基于瀏覽器操作赦役。用來給HTML網(wǎng)頁增加動態(tài)功能。

互聯(lián)網(wǎng)發(fā)展初期栅炒,不存在客戶端處理程序掂摔,但是網(wǎng)頁變得更加復(fù)雜功能更加豐富,需要處理的事情越來越多赢赊,如果任何處理邏輯都放到后端乙漓,效率低下(帶寬,服務(wù)器負(fù)擔(dān))释移。Netscape(網(wǎng)景)的Brendan

Eich(布蘭登·艾奇)在1995年5月被公司要求做一個“看上去和Java相似叭披,但是比java簡單的網(wǎng)頁腳本語言”,他本身對Java不感興趣玩讳,花了10天設(shè)計了JavaScript滿足了公司要求涩蜘。其設(shè)計思想:1.C語言語法;2.Java數(shù)據(jù)類型于內(nèi)存管理3.函數(shù)第一等公民 4.基于原型(prototype). 語言本身設(shè)計之初出現(xiàn)了很多問題锋边,后來不斷完善好了皱坛。

ES1-5,ES6-9分水嶺,我們就處在這個分水嶺時期

JavaScript有三大組成部分:ECMAScript DOM BOM

ECMAScript : Javascript的標(biāo)準(zhǔn) 規(guī)范 語法 描述了該語言的組成的語法和基本對象 主要使用ES5 ES6版本

DOM : 文檔對象模型(Document Object Model)

描述處理網(wǎng)頁內(nèi)容的方法和接口豆巨。JavaScript通過DOM獲取HTML中的元素剩辟,來讀取 修改 移動 刪除 增添 HTML中的內(nèi)容

BOM : 瀏覽器對象模型(BrowserObjectModel)

描述與瀏覽器進(jìn)行交互的方法和接口


用是什么

JavaScript是一種動態(tài)解釋型 、弱類型往扔、基于原型的腳本 語言贩猎,代碼不進(jìn)行編譯。當(dāng)你瀏覽器執(zhí)行JavaScript的時候萍膛,可以實(shí)現(xiàn)以下的功能:

1.瀏覽器與用戶之間的交互吭服,比如輸入賬號密碼 點(diǎn)擊登錄。這些由表單和點(diǎn)擊事件組成蝗罗,借此和后臺數(shù)據(jù)交互艇棕,判斷賬號密碼是否正確,反饋用戶串塑!

2.網(wǎng)頁上面倒計時沼琉,動畫,無縫輪播圖等桩匪,通過定時器來操作的

3.JavaScript還可以處理表單打瘪,設(shè)置cookie,即時構(gòu)建HTML頁面已經(jīng)創(chuàng)建基于Web的應(yīng)用程序。

4.一些網(wǎng)頁小游戲,也是通過JavaScript開發(fā)的

JavaScript的用處很多闺骚,主要用來制作HTML頁面交互效果彩扔,提升用戶體驗(yàn)!


3.為什么要使用JavaScript

因?yàn)樗侵髁鳛g覽器語言僻爽,能讓客戶端驗(yàn)證減少請求虫碉、減少帶寬、減少服務(wù)器壓力进泼、操作簡單蔗衡、學(xué)習(xí)成本低纤虽、瀏覽器界一統(tǒng)江湖(但是兼容支持有些微不同)乳绕、基于宿主環(huán)境,(客戶端)不能操控計算機(jī)本地文件逼纸,安全洋措。


4.JavaScript的書寫

JavaScript有兩種書寫形式:

1.內(nèi)部JS:

此標(biāo)簽在html文件任何位置都可以書寫通常內(nèi)部JS放置在</body>(body結(jié)束標(biāo)簽)之前!=芄簟菠发!

<script></script>?//和HTML標(biāo)簽一樣 ? 但是必須為雙標(biāo)簽 ? 開始和結(jié)束標(biāo)簽

2.外部js引入:

外部JS的引入方式和link引入外部css相似,但是要用script標(biāo)簽和結(jié)束標(biāo)簽: //

src= " "? :雙引號內(nèi)寫外部JS路徑贺嫂,用法與HTML 中img標(biāo)簽相似

JS的script標(biāo)簽的書寫位置決定了JS代碼的加載順序,瀏覽器是從上到下依次執(zhí)行的滓鸠,當(dāng)瀏覽器讀到script標(biāo)簽時,會阻塞HTML的進(jìn)程第喳,立刻請求讀取內(nèi)容糜俗,執(zhí)行代碼,所以可能存在頁面元素還沒有構(gòu)造的可能曲饱。通常情況下JS的代碼需要延遲到頁面的元素加載完全后執(zhí)行悠抹。

如script標(biāo)簽寫到<head>內(nèi)或?qū)懙綀?zhí)行html頁面元素上面時。會先執(zhí)行JS的內(nèi)容扩淀,頁面元素未加載楔敌,就會找不到要頁面元素。提示報錯Wぷ弧B汛铡!

通常我們使用在script標(biāo)簽 中添加defer屬性胜臊。不阻塞進(jìn)程勺卢,延遲執(zhí)行

也有另外一種屬性,叫async屬性区端,但是此種方法等頁面加載完后會立即執(zhí)行值漫,不推薦使用


簡單了解過JavaScript后,如何學(xué)好JavaScript呢织盼。

1.在學(xué)習(xí)JavaScript之前我們要先學(xué)習(xí)好CSS和 HTML杨何。因?yàn)镴S是基于HTML的基礎(chǔ)上來更改CSS酱塔。用以實(shí)現(xiàn)各種交互的,如果說HTML是人的骨架危虱,CSS就是人的肉體羊娃,人臉。那么JavaScript就是人的大腦埃跷,控制HTML來進(jìn)行各種交互蕊玷!如果對HTML、CSS不了解弥雹,最好先學(xué)習(xí)HTML CSS基礎(chǔ)知識垃帅。


2.多讀書,多實(shí)踐剪勿,多交流贸诚。JavaScript也是人的一項(xiàng)技能,技能交流才會有成長厕吉,多逛論壇酱固。實(shí)踐出真知,只靠理論知識是絕對不夠的头朱,還要會用运悲,用的多了就熟練了,對自己寫代碼的速度有一定的提升项钮!對問題的解決能力也會加強(qiáng)班眯!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市寄纵,隨后出現(xiàn)的幾起案子鳖敷,更是在濱河造成了極大的恐慌,老刑警劉巖程拭,帶你破解...
    沈念sama閱讀 219,039評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件定踱,死亡現(xiàn)場離奇詭異,居然都是意外死亡恃鞋,警方通過查閱死者的電腦和手機(jī)崖媚,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,426評論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來恤浪,“玉大人畅哑,你說我怎么就攤上這事∷桑” “怎么了荠呐?”我有些...
    開封第一講書人閱讀 165,417評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我泥张,道長呵恢,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,868評論 1 295
  • 正文 為了忘掉前任媚创,我火速辦了婚禮渗钉,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘钞钙。我一直安慰自己鳄橘,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,892評論 6 392
  • 文/花漫 我一把揭開白布芒炼。 她就那樣靜靜地躺著瘫怜,像睡著了一般。 火紅的嫁衣襯著肌膚如雪焕议。 梳的紋絲不亂的頭發(fā)上宝磨,一...
    開封第一講書人閱讀 51,692評論 1 305
  • 那天弧关,我揣著相機(jī)與錄音盅安,去河邊找鬼。 笑死世囊,一個胖子當(dāng)著我的面吹牛别瞭,可吹牛的內(nèi)容都是我干的签钩。 我是一名探鬼主播轩端,決...
    沈念sama閱讀 40,416評論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼喜德!你這毒婦竟也來了嗤瞎?” 一聲冷哼從身側(cè)響起墙歪,我...
    開封第一講書人閱讀 39,326評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎贝奇,沒想到半個月后虹菲,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,782評論 1 316
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡掉瞳,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,957評論 3 337
  • 正文 我和宋清朗相戀三年毕源,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片陕习。...
    茶點(diǎn)故事閱讀 40,102評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡霎褐,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出该镣,到底是詐尸還是另有隱情冻璃,我是刑警寧澤,帶...
    沈念sama閱讀 35,790評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站省艳,受9級特大地震影響歌粥,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜拍埠,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,442評論 3 331
  • 文/蒙蒙 一失驶、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧枣购,春花似錦嬉探、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,996評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至分瘾,卻和暖如春胎围,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背德召。 一陣腳步聲響...
    開封第一講書人閱讀 33,113評論 1 272
  • 我被黑心中介騙來泰國打工白魂, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人上岗。 一個月前我還...
    沈念sama閱讀 48,332評論 3 373
  • 正文 我出身青樓福荸,卻偏偏與公主長得像,于是被迫代替她去往敵國和親肴掷。 傳聞我的和親對象是個殘疾皇子敬锐,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,044評論 2 355

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

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)呆瞻。 注意:講述HT...
    kismetajun閱讀 27,489評論 1 45
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案颤介? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,754評論 1 92
  • 概要 64學(xué)時 3.5學(xué)分 章節(jié)安排 電子商務(wù)網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,208評論 0 3
  • 前端開發(fā)面試題 面試題目: 根據(jù)你的等級和職位的變化薯定,入門級到專家級话侄,廣度和深度都會有所增加。 題目類型: 理論知...
    怡寶丶閱讀 2,587評論 0 7
  • 一:在制作一個Web應(yīng)用或Web站點(diǎn)的過程中,你是如何考慮他的UI绢掰、安全性童擎、高性能顾复、SEO芯砸、可維護(hù)性以及技術(shù)因素的...
    Arno_z閱讀 1,167評論 0 1