JavaScript基礎(chǔ)系列(入門(mén)*需知*)

-----------------------小歷史----------------------------
javascript與java是兩種語(yǔ)言,他們的創(chuàng)作公司不同,JavaScript當(dāng)時(shí)是借助java的影響力,將名字改為javascript。
要說(shuō)的是,學(xué)習(xí)javascript和學(xué)java大致相同,學(xué)完javascript你差不多也能掌握,java的大致基礎(chǔ)所以在選擇學(xué)習(xí)語(yǔ)言之前,要清楚一個(gè)要點(diǎn),就是這兩個(gè)語(yǔ)言的學(xué)習(xí)反饋機(jī)制。
什么是反饋機(jī)制?簡(jiǎn)單的說(shuō):“就是學(xué)習(xí)語(yǔ)言時(shí),它給你的回饋是否會(huì)讓你有成就感,如果只是文字的簡(jiǎn)單變化,這種就是反饋不夠強(qiáng)烈,而如果是視圖的變化,javascript,有HTML-css的配合容易讓成就感升高”
選擇一門(mén)零基礎(chǔ)入門(mén)的語(yǔ)言時(shí),我推薦javascript,畢竟我當(dāng)時(shí)零基礎(chǔ)入門(mén)學(xué)的是java那個(gè)枯燥乏味真是不好受,關(guān)鍵就是它的反饋太簡(jiǎn)單,同樣的幾段代碼,在javascript中就動(dòng)感多了。
當(dāng)然,在學(xué)習(xí)javascript之前花個(gè)三四天,學(xué)習(xí)一下HTML-CSS很有必要而且也不難三四天差不多就入門(mén)了,不過(guò)我不推薦去W3C官網(wǎng)學(xué)習(xí),那地方不適合用來(lái)學(xué)習(xí),只適合找資料查兼容性,
----------------------簡(jiǎn)單了解-------------------------------
ECMAScript:
翻譯,
核心,
解釋器,
也就是現(xiàn)在React中所說(shuō)的 ES6語(yǔ)法,作者沒(méi)有深入了解(希望指正)。

DOM: 特別重要的一個(gè)知識(shí)點(diǎn),但前期學(xué)習(xí)會(huì)相對(duì)枯燥。

document
操作HTML的能力

BOM:
瀏覽器
window

ECMAScript 幾乎沒(méi)有兼容性問(wèn)題
DOM 有一些操作不兼容(最常用,最應(yīng)該學(xué)習(xí)了解)
BOM 沒(méi)有兼容性問(wèn)題(完全不兼容),很少使用它,幾乎不用

-------------------------------所有編程語(yǔ)言共有的特性-----------------------------
此文不做展開(kāi),之后會(huì)附近鏈接,以下所有都將另開(kāi)一篇針對(duì)性的文章進(jìn)行深入講解。

變量類(lèi)型: 數(shù)字類(lèi)型、文字類(lèi)型....下文另做講解

運(yùn)算符:加減乘除

賦值: 等于誰(shuí)誰(shuí)誰(shuí)

關(guān)系: 大小對(duì)比,類(lèi)型對(duì)比

邏輯: 并且、或者、反選(與或非)

判斷語(yǔ)句: 如果(真的){就這樣做}、不然(假的){就那樣做} , if 、else

循環(huán)語(yǔ)句:for循環(huán),while循環(huán)

數(shù)組: 數(shù)據(jù)的集合

面向?qū)ο笳Z(yǔ)言:對(duì)象、封裝、繼承。與函數(shù)類(lèi)似更加靈活。

函數(shù)、方法:可以包含以上所有語(yǔ)句的功能塊。

標(biāo)準(zhǔn)庫(kù):功能集,封裝了如:獲取當(dāng)前時(shí)間、對(duì)數(shù)字處理,對(duì)文字處理等等這樣功能集(另開(kāi)一篇細(xì)講)。

-------------------------------JavaScript特有的功能特性-------------------------------

DOM節(jié)點(diǎn):document節(jié)點(diǎn)(操作HTML元素)、getElementById(指定HTML元素),他們倆是相輔相成的,一個(gè)操作一個(gè)指定(之后在做展開(kāi))。
瀏覽器對(duì)象:使用較少之后可能會(huì)講解!

基于JS開(kāi)發(fā)的框架:
jQuery:  老牌常用框架,輕量級(jí),低版本jQuery支持所有瀏覽器
簡(jiǎn)化了JavaScript開(kāi)發(fā)
強(qiáng)大的操作CSS能力
可以把它當(dāng)做JavaScript庫(kù),功能集。

AngularJS: 減少很多重復(fù)勞動(dòng)
數(shù)據(jù)是它的核心,把焦點(diǎn)放在數(shù)據(jù)上。
雙向數(shù)據(jù)綁定如:在輸入框輸入數(shù)據(jù),數(shù)據(jù)直接就在顯示框中顯示。

React: 目前火熱異常。
核心為組件化開(kāi)發(fā),極大的提高了代碼復(fù)用性,寫(xiě)一次可使用多次,并且不出問(wèn)題。
跨平臺(tái)的React Native,不至于前端,必須進(jìn)軍移動(dòng)端。

---------------------------本章結(jié)語(yǔ)----------------------------------
這將會(huì)是一個(gè)系列的文章,不能保證連續(xù)性的更新,還有作者真心的希望,能夠得到讀者的反饋,這樣我才有動(dòng)力寫(xiě)下去啦。
我希望能將它們一個(gè)個(gè)點(diǎn)亮。你對(duì)下面這樣排版有任何建議請(qǐng)告訴我。
javascript基礎(chǔ)系列(變量與類(lèi)型)
javascript基礎(chǔ)系列(運(yùn)算符)
javascript基礎(chǔ)系列(判斷)
javascript基礎(chǔ)系列(循環(huán))
javascript基礎(chǔ)系列(數(shù)組)
javascript基礎(chǔ)系列(函數(shù))
javascript基礎(chǔ)系列(對(duì)象)
javascript基礎(chǔ)系列(標(biāo)準(zhǔn)庫(kù))
javascript基礎(chǔ)系列(DOM節(jié)點(diǎn))

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀(guān)點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,234評(píng)論 25 708
  • 十字街口 行人匆匆 在眼前交叉穿行 你在那里 找不到方向了 我張大嘴 喊不出聲 夜色摁著咽喉 你走時(shí) 風(fēng)在樹(shù)梢上鳴...
    春箋素心閱讀 142評(píng)論 0 1
  • 今天由于項(xiàng)目需要,簡(jiǎn)單的配置了一下ssm框架,maven配置所需包,可直接粘貼復(fù)制 maven依賴(lài) <depend...
    胡GaQue閱讀 805評(píng)論 0 4
  • 日常開(kāi)發(fā)中,經(jīng)常需要下載網(wǎng)絡(luò)圖片,最常用到的第三方庫(kù)莫過(guò)于SDWebImage了,github托管地址https:...
    CALayer_Sai閱讀 425評(píng)論 0 3
  • 1.塊元素居中 position: absolute; top: 0; bottom: 0; left: 0; r...
    zeusiqd閱讀 175評(píng)論 0 0

友情鏈接更多精彩內(nèi)容