JS基礎-01-JS簡介

JavaScript發展歷史

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

JavaScript誕生于1995年。布蘭登 ? 艾奇（Brendan Eich，1961年～），1995年在網景公司，發明的JavaScript。

JavaScript是由網景公司發明，起初命名為LiveScript，后來由于SUN公司的介入更名為了JavaScript。

備注：由于當時Java這個語言特別火，所以為了傍大牌，就改名為JavaScript。如同“北大”和“北大青鳥”的關系。“北大青鳥”就是傍“北大”大牌。

同時期還有其他的網頁語言，比如VBScript、JScript等等，但是后來都被JavaScript打敗了，所以現在的瀏覽器中，只運行一種腳本語言就是JavaScript。

2003年之前，JavaScript被認為“牛皮鮮”，用來制作頁面上的廣告，彈窗、漂浮的廣告。什么東西讓人煩，什么東西就是JavaScript開發的。所以很多瀏覽器就推出了屏蔽廣告功能。

2004年，JavaScript命運開始改變。那一年，谷歌公司開始帶頭使用Ajax技術，Ajax技術就是JavaScript的一個應用。并且，那時候人們逐漸開始提升用戶體驗了。Ajax有一些應用場景。比如，當我們在百度搜索框搜文字時，輸入框下方的智能提示，可以通過Ajax實現。比如，當我們注冊網易郵箱時，能夠及時發現用戶名是否被占用，而不用調到另外一個頁面。

2007年喬布斯發布了第一款iPhone，這一年開始，用戶就多了上網的途徑，就是用移動設備上網。
JavaScript在移動頁面中，也是不可或缺的。并且這一年，互聯網開始標準化，按照W3C規則三層分離，JavaScript越來越被重視。

2010年，人們更加了解HTML5技術，HTML5推出了一個東西叫做Canvas（畫布），工程師可以在Canvas上進行游戲制作，利用的就是JavaScript。

2011年，Node.js誕生，使JavaScript能夠開發服務器程序了。

VR/MR/AR虛擬現實和現實增強的平臺和相關的游戲引擎都支持JavaScript進行開發。

JavaScript和ECMAScript的關系

ECMAScript是一種由Ecma國際（前身為歐洲計算機制造商協會,英文名稱是European Computer Manufacturers Association）制定和發布的腳本語言規范。

JavaScript是由網景公司開發而成的，問題是不便于其他的公司拓展和使用。所以歐洲的這個ECMA的組織，牽頭制定JavaScript的標準，取名為ECMAScript。

簡單來說，ECMAScript不是一門語言，而是一個標準。

ECMAScript在2015年6月，發布了ECMAScript 6版本（ES6），語言的能力更強（也包含了很多新特性）。但是，瀏覽器的廠商不會那么快去追上這個標準，需要時間。

JavaScript介紹

JavaScript語言類型

JavaScript是弱變量類型的語言，變量只需要用var來聲明。

	var a;

JavaScript不用關心其他的一些事情（比如內存的釋放、指針等），更關心自己的業務。

瀏覽器工作原理

1、User Interface 用戶界面，我們所看到的瀏覽器

2、Browser engine 瀏覽器引擎，用來查詢和操作渲染引擎

3、Rendering engine 用來顯示請求的內容，負責解析HTML、CSS

4、Networking 網絡，負責發送網絡請求

5、JavaScript Interpreter(解析者) JavaScript解析器，負責執行JavaScript的代碼

6、UI Backend UI后端，用來繪制類似組合框和彈出窗口

7、Data Persistence(持久化) 數據持久化，數據存儲 cookie、HTML5中的sessionStorage

JavaScript的組成

JavaScript基礎分為三個部分：

ECMAScript：JavaScript的語法標準。包括變量、表達式、運算符、函數、if語句、for語句等。
DOM：文檔對象模型，操作網頁上的元素的API。比如讓盒子移動、變色、輪播圖等。document object model
BOM：瀏覽器對象模型，操作瀏覽器部分功能的API。比如讓瀏覽器自動滾動。browser object model

JavaScript的特點

（1）簡單易用：可以使用任何文本編輯工具編寫，只需要瀏覽器就可以執行程序。

（2）解釋型語言：事先不需要被編譯為機器碼再執行，逐行執行、無需進行嚴格的變量聲明。

由于少了編譯這一步驟，所以解釋型語言開發起來尤為輕松，但是解釋型語言運行較慢也是它的劣勢。不過解釋型語言中使用了JIT技術，使得運行速度得以改善。

（3）基于對象：內置大量現成對象，編寫少量程序可以完成目標

編程語言的分類

解釋型語言：邊解析邊執行，不需要事先編譯。例如：JavaScript、php。
編譯型語言：事先把所有的代碼翻譯成計算機能夠執行的指令，然后整體執行。例如：c、c++。

JavaScript代碼的書寫位置

（1）內嵌的方式：

頁面中，我們可以在<body>標簽里放入<script type=”text/javascript”></script>標簽對兒，并在<script>里書寫JavaScript程序：

		<script type="text/javascript">

		</script>

text表示純文本，因為JavaScript也是一個純文本的語言。

（2）外鏈式：引入外部JavaScript文件（放到body標簽里，可以和內嵌的js代碼并列）

	<script src="tool.js"></script>

（3）調試運行：在瀏覽器console中直接運行。

語法規則

學習程序，是有規律可循的，就是程序是有相同的部分，這些部分就是一種規定，不能更改，我們成為：語法。

（1）JavaScript對換行、縮進、空格不敏感。每一條語句以分號結尾。

也就是說：

代碼一：

		<script type="text/javascript">
			alert("今天藍天白云");
			alert("我很高興");
		</script>

等價于代碼二：

		<script type="text/javascript">
			alert("今天藍天白云");alert("我很高興");
		</script>

備注：每一條語句末尾要加上分號，雖然分號不是必須加的，如果不寫分號，瀏覽器會自動添加，但是會消耗一些系統資源。

（2）所有的符號，都是英語的。比如括號、引號、分號。

（3）嚴格區分大小寫

注釋

我們不要把html、CSS、JavaScript三者的注釋格式搞混淆了。

（1）html的注釋：

<!-- 我是注釋  -->

（2）CSS的注釋：

<style type="text/css">

	/*
		我是注釋
	*/

	p{
		font-weight: bold;
		font-style: italic;
		color: red;
	}

</style>

注意：CSS只有/* */這種注釋，沒有//這種注釋。而且注釋要寫在<style>標簽里面才算生效哦。

（3）JavaScript的注釋：

單行注釋：

// 我是注釋

多行注釋：

/*
	多行注釋1
	多行注釋2
*/

Javascript 網頁中輸出信息的寫法

彈出警告框：alert("")

盡量少用于項目中，因為會阻塞內容的渲染。

		<script type="text/javascript">
			alert("生命壹號");
		</script>

alert（英文翻譯為“警報”）的用途：彈出“警告框”。

上面的代碼中，如果寫了兩個alert()語句的話，網頁的效果是：彈出第一個警告框，點擊確定后，繼續彈出第二個警告框。

控制臺輸出：console.log("")

console.log("")表示在控制臺中輸出。console表示“控制臺”，log表示“輸出”。

控制臺在Chrome瀏覽器的F12中。控制臺是工程師、程序員調試程序的地方。程序員經常使用這條語句輸出一些東西，來測試程序是否正確。

用戶輸入：prompt()語句

prompt()就是專門用來彈出能夠讓用戶輸入的對話框。用得少，測試的時候可能會用。

JS代碼如下：

			var a = prompt("請隨便輸入點什么東西吧");
			console.log(a);

上方代碼中，用戶輸入的內容，將被傳遞到變量 a 里面。

prompt()語句中，用戶不管輸入什么內容，都是字符串。

alert和prompt的區別：

	alert("從前有座山");                //直接使用，不需要變量
	var a = prompt("請輸入一個數字");   // 必須用一個變量，來接收用戶輸入的值

練習

1、彈2個彈框，將第一個彈框的值與第二個彈框的值相加，將結果輸出到頁面。做一個加法的計算器。

	var a = prompt();
	var b = prompt();
	var c = parseInt(a) + parseInt(b);// 字符串取整轉換為數字
	document.write(c);

本文鏈接：https://blog.csdn.net/weixin_46096473/article/details/107576563

智能推薦

01-js基礎概念

js基礎知識一、js概述 1.什么是js JS:javascript，簡稱為JS。它是一門前端編程語言，js是前端開發工程師的核心，在其中占據很高的比例。只有合適的場景使用合適的語言。 2.js能做什么 1）開發網站 2）開發app 3）小程序 4）游戲開發：小程序游戲、網頁游戲 5）寫后端 node.js 6）嵌入式 c 7）區塊鏈 … 二、js三種引用方式 js引用方式分為三...

JS簡介

1.概念 JavaScript是Netscape公司為navigator瀏覽器開發的，是顯示在HTML文件中的一種腳本語言，能實現網頁內容的交互顯示。當用戶在客戶端顯示該網頁時，瀏覽器就會執行JavaScript程序，用戶通過交互的操作來改變網頁的內容，來實現HTML語言無法實現的效果。 2.如何使用JavaScript 三種形式：通過< script >< /script &...

freemarker + ItextRender 根據模板生成PDF文件

1. 制作模板 2. 獲取模板，并將所獲取的數據加載生成html文件 2. 生成PDF文件其中由兩個地方需要注意，都是關于獲取文件路徑的問題，由于項目部署的時候是打包成jar包形式，所以在開發過程中時直接安照傳統的獲取方法沒有一點文件，但是當打包后部署，總是出錯。于是參考網上文章，先將文件讀出來到項目的臨時目錄下，然后再按正常方式加載該臨時文件；還有一個問題至今沒有解決，就是關于生成PDF文件...

電腦空間不夠了？教你一個小秒招快速清理 Docker 占用的磁盤空間！

Docker 很占用空間，每當我們運行容器、拉取鏡像、部署應用、構建自己的鏡像時，我們的磁盤空間會被大量占用。如果你也被這個問題所困擾，咱們就一起看一下 Docker 是如何使用磁盤空間的，以及如何回收。 docker 占用的空間可以通過下面的命令查看： TYPE 列出了docker 使用磁盤的 4 種類型： Images：所有鏡像占用的空間，包括拉取下來的鏡像，和本地構建的。 Con...