JavaScript之開篇
Web網站: 三大技術
(1)HTML(骨骼): 設計網站基本結構; 超文字標記語言
(2)CSS(肉體): 對於結構一種美化/裝飾; 層疊樣式表
(3)JavaScript(JS)(靈魂): 提供了使用者和介面之間的一種互動行為;
JavaScript介紹:
JS是執行在客戶端(瀏覽器)的指令碼語言,是基於事件驅動的弱型別的指令碼語言; 瀏覽器的核心: 渲染引擎和JS引擎
指令碼語言:
是一種解釋型的語言,解釋性語言是指它常用的執行機制是使用一個“直譯器”來執行,直譯器對於程式是一句一句“翻譯”成機器語言來一句一句執行,例如shell指令碼語言。(將程式碼翻譯一句, 就會執行一句)
編譯型的語言:
編譯型語言是指它常用的執行機制是使用一個“編譯器”來編譯成機器語言,然後你就可以直接執行(執行)這個編譯成的“可執行檔案”。例如C語言你也可以為解釋性語言(如shell指令碼語言)寫個編譯器來編譯,這樣它就成了“編譯語言”
(將程式碼 編譯完成之後 統一的來執行)
弱型別:
是指根據變數的值 來確定 變數的資料型別,主要是通過 var 定義變數: var a=10
強型別的語言:
Java, C# , php , python......
事件驅動:
指 JS提供了有關的事件(被動的行為)
JavaScript基本的構成:
(1)ECMAScript(5.0) ==>ES5: JS基礎語法 變數,資料型別,運算子和表示式, 流程控制, 函式, 陣列, 物件....
(2)BOM操作(瀏覽器物件模型): 操作瀏覽器的一些行為;
(3)DOM操作(重點)(文件物件模型): 操作HTML文件;
JavaScript引入頁面的三種方式
(1)行間嵌入;
(2)內嵌嵌入;
(3)外部引入;
JavaScript的變數:
變數: 就是指在一段程式中 不斷變化的量;
變數: 是指記憶體中儲存資料的一種方式;
(1)定義變數: 使用var 關鍵字定義 變數 var 變數名稱;
(2)變數的初始化: 相當於 給變數賦值 var 變數名稱=值;
(3)變數值的訪問/獲取: 是通過 變數名稱 訪問的 var 變數名稱=值; alert(變數名稱);
JavaScript變數的名稱規範:
(1)變數推薦使用 駝峰命名語法: getElementById getName userName;
(2)變數必須是以 $, _ , 字母開頭, 變數中可以包含數字,但是 不能以數字開頭;
(3)可以使用中文, 但是 很low, 可讀性差;
(4)不能使用JS的關鍵字和保留字;
(5)變數名稱 推薦: 要有意義
(6)區分大小寫: userName和 username 表示不同的變數
JavaScript變數的資料型別: 分為兩大類:
(1)基本的資料型別;
number(數字),string(字串),boolean(布林型別),undefined(未定義型別),null(空型別)
(2)複雜的資料型別:
object(物件型別): Array(陣列),Date(日期),Math(數學).... function型別 函式型別
相關文章
- JavaScript之物件篇JavaScript物件
- 面向面試之 JavaScript 篇(一)面試JavaScript
- iOS混合開發庫(GICXMLLayout)七、JavaScript篇iOSXMLJavaScript
- 爬蟲不得不學之 JavaScript 入門篇爬蟲JavaScript
- 【技巧篇】JavaScript設計模式之策略模式應用JavaScript設計模式
- 長篇總結之JavaScript,鞏固前端基礎JavaScript前端
- 前端之路---入坑篇之JavaScript基礎筆記前端JavaScript筆記
- 前端開發變數命名系列 - JavaScript篇前端變數JavaScript
- 爬蟲不得不學之 JavaScript 函式物件篇爬蟲JavaScript函式物件
- Java設計模式之開篇Java設計模式
- spring 原始碼解析之開篇Spring原始碼
- JVM集合之開篇點題JVM
- 一篇文章搞懂JavaScript正規表示式之方法JavaScript
- Java集合原始碼分析之開篇Java原始碼
- [clickhouse] Clickhouse之開窗函式篇函式
- flutter開發之Dart[必讀篇]?FlutterDart
- Web開發初探之JavaScript 快速入門WebJavaScript
- JavaScript之thisJavaScript
- iOS開發之OC篇(3)—— NSArray、NSMutableArrayiOS
- [譯] App架構指南之開山篇APP架構
- RPA專案之開發規則篇
- BurpSuite外掛開發指南之 Python 篇UIPython
- BurpSuite外掛開發指南之 Java 篇UIJava
- Docker小白到實戰之開篇概述Docker
- 動畫:《大前端吊打面試官系列》 之原生 JavaScript 精華篇動畫前端面試JavaScript
- JavaScript之argumentsJavaScript
- JavaScript 之 ajaxJavaScript
- 前端之JavaScript前端JavaScript
- JavaScript 之 ProxyJavaScript
- javaScript之物件JavaScript物件
- 前端效能優化JavaScript篇前端優化JavaScript
- openresty前端開發入門三之JSON篇REST前端JSON
- openresty前端開發入門四之Redis篇REST前端Redis
- openresty前端開發入門五之Mysql篇REST前端MySql
- Docker系列開篇之Virtual Machine VS Container(一)DockerMacAI
- iOS面試旗開得勝之答案篇iOS面試
- 網易會議開源之桌面端篇
- 測試開發之網路篇-IP地址