JavaScript基礎系列(入門前*須知)

-----------------------小歷史----------------------------

javascript與java是兩種語言,他們的創作公司不同,JavaScript當時是藉助java的影響力,將
名字改爲javascript。

要說的是,學習javascript和學java大致相同,學完javascript你差不多也能掌握,java的大致基礎
所以在選擇學習語言之前,要清楚一個要點,就是這兩個語言的學習反饋機制。

什麼是反饋機制?簡單的說:“就是學習語言時,它給你的回饋是否會讓你有成就感,如果只是文字的簡
單變化,這種就是反饋不夠強烈,而如果是視圖的變化,javascript,有HTML-css的配合容易讓成就感升高”

選擇一門零基礎入門的語言時,我推薦javascript,畢竟我當時零基礎入門學的是java那個枯燥乏味真
是不好受,關鍵就是它的反饋太簡單,同樣的幾段代碼,在javascript中就動感多了。

當然,在學習javascript之前花個三四天,學習一下HTML-CSS很有必要而且也不難三四天差不多就入門
了,不過我不推薦去W3C官網學習,那地方不適合用來學習,只適合找資料查兼容性,

----------------------簡單瞭解-------------------------------

ECMAScript:

  • 翻譯,
  • 核心,
  • 解釋器,
  • 也就是現在React中所說的 ES6語法,作者沒有深入瞭解(希望指正)。

DOM: 特別重要的一個知識點,但前期學習會相對枯燥。

 

  • document 
  • 操作HTML的能力

 

BOM:

  • 瀏覽器
  • window 

 

 

ECMAScript  幾乎沒有兼容性問題

DOM 有一些操作不兼容(最常用,最應該學習瞭解)

BOM 沒有兼容性問題(完全不兼容),很少使用它,幾乎不用

 

-------------------------------所有編程語言共有的特性-----------------------------

此文不做展開,之後會附近鏈接,以下所有都將另開一篇針對性的文章進行深入講解。

 

變量類型:  數字類型、文字類型....下文另做講解

運算符:加減乘除

賦值: 等於誰誰誰

關係: 大小對比,類型對比

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

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

循環語句:for循環,while循環

數組: 數據的集合

函數:可以包含以上所有語句的功能塊,使用 function 定義。

面嚮對象語言對象、封裝、繼承。與函數類似更加靈活。

標準庫:功能集,封裝瞭如:獲取當前時間、對數字處理,對文字處理等等這樣功能集(另開一篇細講)。

 

 

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

 

DOM節點:document節點(操作HTML元素)、getElementById(指定HTML元素),他們倆是相輔相成的,一個操作一個指定(之後在做展開)。

瀏覽器對象:使用較少之後可能會講解!

基於JS開發的框架:

  • jQuery:
    •   老牌常用框架,輕量級,低版本jQuery支持所有瀏覽器
    •       簡化了JavaScript開發
    •       強大的操作CSS能力
    •       可以把它當做JavaScript庫,功能集。
  • AngularJS:
    •       減少很多重複勞動
    •       數據是它的核心,把焦點放在數據上。
    •       雙向數據綁定如:在輸入框輸入數據,數據直接就在顯示框中顯示。
  • React:
    •       目前火熱異常。
    •       核心爲組件化開發,極大的提高了代碼複用性,寫一次可使用多次,並且不出問題。
    •       跨平臺的React Native,不至於前端,必須進軍移動端。

 

---------------------------本章結語----------------------------------

這將會是一個系列的文章,不能保證連續性的更新,還有作者真心的希望,能夠得到讀者的反饋,這樣我纔有動力寫下去啦。

我希望能將它們一個個點亮。你對下面這樣排版有任何建議請告訴我。

 javascript基礎系列(變量與類型)

 javascript基礎系列(運算符)

 javascript基礎系列(賦值)

 javascript基礎系列(關係)

 javascript基礎系列(邏輯)

 javascript基礎系列(判斷)

 javascript基礎系列(循環)

 javascript基礎系列(數組)

 javascript基礎系列(函數)

 javascript基礎系列(對象)

 javascript基礎系列(標準庫)

 javascript基礎系列(DOM節點)


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