学习JavaScript的第一天
一、編程語言
1.1編程
編程：就是讓計算機為解決某個問題而使用某種程序設計語編寫程序代碼,并最終得到結果的過程
計算機程序：就是計算機所執行的一系列的指令集合,而程序全部都是用我們所掌握的語言來編寫的,所以人們要控制計算機一定要通過計算機語言向計算機發出命令。
1.2計算機語言
計算機語言指用于人與計算機之間通訊的語言,它是人與計算機之間傳遞信息的媒介。
計算機語言的種類非常的多,總的來說可以分成機器語言,匯編語言和高級語言三大類。
實際上計算機最終所執行的都是機器語言，它是由“0*和”1“組成的二進制數，二進制是計算機語
言的基礎。
1.3翻譯器
高級語言所編制的程序不能直接被計算機識別,必須經過轉換才能被執行,為此,我們需要-一個翻譯器。
翻譯器可以將我們所編寫的源代碼轉換為機器語言,這也被稱為二進制化。記住1和0。
1.4編程語言
可以通過類似于人類語言的”語言”來控制計算機,讓計算機為我們做事情,這樣的語言就叫做編程語言( Programming Language ) 。
編程語言是用來控制計算機的一系列指令,它有固定的格式和詞匯(不同編程語言的格式和詞匯不一樣) , 必須遵守。
如今通用的編程語言有兩種形式：匯編語言和高級語言。
●匯編語言和機器語言實質是相同的,都是直接對硬件操作,只不過指令采用了英文縮寫的標識符,容易識別和記憶。
●高級語言主要是相對于低級語言而言,它并不是特指某-種具體的語言,而是包括了很多編程語言,常用的有C語言、C++ 、Java. C#、Python, PHP、"JavaScript. Go語言、 Objective-C. Swift等。
1.5編程語言和標記語言的區別
●編程語言有很強的邏輯和行為能力。在編程語言里你會看到很多if else. for 、while等具有邏輯性和行為能力的指令,這是主動的。
●標記語言( html )不用于向計算機發出指令,常用于格式化和鏈接。標記語言的存在是用來被讀取的,他是被動的。
二、計算機基礎
2.1計算機組成
?2.2數據存儲
?1.計算機內部使用二進制0和1來表示數據。
2.所有數據,包括文件、圖片等最終都是以二進制數據( 0和1 )的形式存放在硬盤中的。
3.所有程序,包括操作系統,本質都是各種數據,也以-進制數據的形式存放在硬盤中。平時我們所說的安裝軟件,其實就是把程序文件復制到硬盤中。
4.硬盤、內存都是保存的二進制數據。
2.3數據存儲單位
bit< byte< kb<GB < T......
●位(bit): 1bit可以保存一 一個0或者1 (最小的存儲單位)
●字節(Byte): 1B= 8b
●千字節(KB): 1KB= 1024B
●兆字節(MB): 1MB = 1024KB
●吉字節(GB): 1GB = 1024MB
●太字節(TB): 1TB= 1024GB
●....
2.4程序運行
硬盤——>內存條——>CPU
1.打開某個程序時,先從硬盤中把程序的代碼加載到內存中
2. CPU執行內存中的代碼
注意：之所以要內存的一個重要原因,是因為cpu運行太快了,如果只從硬盤中讀數據,會浪費cpu性能,所以,才使用存取速度更快的內存來保存運行時的數據。( 內存是電,硬盤是機械)
三、JavaScript的初步認識
3.1JavaScript歷史
●布蘭登艾奇( BrendanEich, 1961年~ )。
●神奇的大哥在1995年利用10天完成JavaScript設計。
●網景公司最初命名為LiveScript ,后來在與Sun合作之后將其改名為JavaScript。
3.2JavaScript是什么
●JavaScript 是世界上最流行的語言之一, 是一種運行在客戶端的腳本語言( Script是腳本的意思)
●腳本語言:不需要編譯,運行過程中由js解釋器(js引擎)逐行來進行解釋并執行
●現在也可以基于Node.js技術進行服務器端編程
3.3JavaScript的作用
●表單動態校驗 (密碼強度檢測) ( JS 產生最初的目的)
●網頁特效
●服務端開發(Node.js)
●桌面程序(Electron)
●App(Cordova)
●控制硬件-物聯網(Ruf)
●游戲開發(cocos2d-js)
3.4HTML/CSS/JS的關系
HTML/CSS標記語言——描述類語言
●HTML決定網頁結構和內容(決定看到什么) ,相當于人的身體
●CSS 決定網頁呈現給用戶的模樣(決定好不好看) ，相當于給人穿衣服、化妝
JS腳本語言--編程類語言
●實現業務邏輯和頁面控制(決定功能) ，相當于人的各種動作
3.5瀏覽器執行JS簡介
瀏覽器分成兩部分：渲染引擎和JS引擎
●渲染引擎：用來解析HTML與CSS ,俗稱內核,比如chrome瀏覽器的blink , 老版本的webkit
●JS引擎：也稱為JS解釋器。用來讀取網頁中的JavaScript代碼,對其處理后運行,比如chrome 瀏覽器的V8
?
瀏覽器本身并不會執行JS代碼,而是通過內置JavaScript引擎(解釋器)來執行JS代碼。JS 引擎執行代碼時逐行解釋每一句源碼(轉換為機器語言) , 然后由計算機去執行,所以JavaScript語言歸為腳本語言"會逐行解釋執行。
3.6JS的組成
1.ECMAScript
?ECMAScript是由ECMA國際(原歐洲計算機制造商協會)進行標準化的一門編程語言,這種語言在萬維網上應用廣泛,它往往被稱為JavaScript或JScript ,但實際上后兩者是ECMAScript語言的實現和擴展。
?
?ECMAScript : ECMAScript規定了JS的編程語法和基礎核心知識,是所有瀏覽器廠商共同遵守的一套JS語法工業標準。
2.DOM——文檔對象模型
文檔對象模型( Document Object Model ,簡稱DOM),是W3C 組織推薦的處理可擴展標記語言的標準編程接口。通過DOM提供的接口可以對頁面上的各種元素進行操作(大小、位置、顏色等)。
3.BOM——瀏覽器對象模型
BOM (Browser Object Model ,簡稱BOM)是指瀏覽器對象模型,它提供了獨立于內容的、可以與瀏覽器窗口進行互動的對象結構。通過BOM可以操作瀏覽器窗口,比如彈出框、控制瀏覽器跳轉、獲取分辨率等。
3.7JS初體驗
JS有3種書寫位置,分別為行內、內嵌和外部。
1.行內
<input type="button" value= "點我試試" onclick "alert ('Hello world')" />
●可以將單行或少量JS代碼寫在HTML標簽的事件屬性中(以on開頭的屬性) , 如: onclick
●注意單雙引號的使用:在HTML中我們推薦使用雙引號，JS中我們推薦使用單引號
●可讀性差,在html中編寫JS大量代碼時,仿便閱讀;
●引號易錯,引號多層嵌套匹配時,非常容易弄混;
●特殊情況下使用
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>測試案例</title><!-- 2.內嵌式的JS --> </head> <body><!-- 1.行內式的JS 直接寫到元素的內部 --><!-- onclick是點擊的意思 --><input type="button" value="點一下" onclick="alert('點擊成功')"> </body> </html>2.內嵌
<script>
alert('Hello World~!') ;
</script>
●可以將多行JS代碼寫到<script>標簽中
●內嵌JS是學習時常用的方式
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>測試案例</title><!-- 2.內嵌式的JS --> </head> <body><script>alert('王叢天降憤怒猙獰');</script> </body> </html>3外部
<script src= "my. js"></ script>
●利于HTML頁面代碼結構化,把大段JS代碼獨立到HTML頁面之外,既美觀,也方便文件級別的復用
●引用外部JS文件的script標簽中間不可以寫代碼
●適合于JS代碼量比較大的情況
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>測試案例</title><!-- 2.內嵌式的JS --> </head> <body><script src="a.js"></script> </body> </html>學習內容來源于：JavaScript基礎語法-dom-bom-js-es6新語法-jQuery-數據可視化echarts黑馬pink老師前端入門基礎視頻教程(500多集)持續_嗶哩嗶哩_bilibili
總結
以上是生活随笔為你收集整理的学习JavaScript的第一天的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： c语言fopen函数的作用是,C语言 f
- 下一篇： 学习JavaScript第一弹(上)——