JS 學習之簡單基礎介紹

JavaScript的作用

JavaScript最初的目的:

JavaScript最初是用來判斷客戶端的基本驗證,以減輕服務端的驗證壓力(如:是否輸入用戶名、密碼);

JavaScript現在的目的:

1.頁面的特效(網頁的動畫效果)

2.移動端開發(移動端web和APP)

3.與服務器異步交互

4.服務端開發(node.js)


瀏覽器工作原理

瀏覽器的主要組件包括:

1.     用戶界面- 包括地址欄、後退/前進按鈕、書籤目錄等,也就是你所看到的除了用來顯示你所請求頁面的主窗口之外的其他部分

2.     瀏覽器引擎- 用來查詢及操作渲染引擎的接口

3.     渲染引擎- 用來顯示請求的內容,例如,如果請求內容爲html,它負責解析html及css,並將解析後的結果顯示出來

4.     網絡- 用來完成網絡調用,例如http請求,它具有平臺無關的接口,可以在不同平臺上工作

5.     UI 後端- 用來繪製類似組合選擇框及對話框等基本組件,具有不特定於某個平臺的通用接口,底層使用操作系統的用戶接口

6.     JS解釋器- 用來解釋執行JS代碼

7.     數據存儲- 屬於持久層,瀏覽器需要在硬盤中保存類似cookie的各種數據,HTML5定義了web database技術,這是一種輕量級完整的客戶端存儲技術


參考博文:https://www.2cto.com/kf/201202/118111.html

JavaScript簡單介紹

1.JavaScript是世界上用的最多的腳本語言

——腳本語言:不需要編譯,直接運行時邊解析邊執行的語言

2.JavaScript是一種客戶端的腳本語言

3.JavaScript由ECMAscript、DOM、BOM三部分組成

——ECMAscript:JavaScript的語法規範

——DOM:JavaScript操作網頁上元素的API

——BOM:JavaScript操作瀏覽器部分功能的API

JavaScript標籤介紹

1.html頁面添加JavaScript的兩種方式

1)直接在頁面書寫

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>index</title>
    <script type="text/javascript">
        var n1 = 50;
        var n2 = 60;
    </script>
</head>
2)以文件形式從外部引用    好處:代碼分離,方便維護

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>index</title>
    <script type="text/javascript" src="main.js"></script>
</head>


2.JavaScript加載時的兩種異步屬性
1)async:瀏覽器一邊渲染一邊異步加載,加載完後異步執行(sync:同步加載,默認同步)

<script type="text/javascript" src="main.js" async="async"></script>
2)defer:瀏覽器渲染完頁面以後再執行

<script type="text/javascript" src="main.js" defer="defer"></script>



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