1.1 JavaScript的用途
JavaScript用來制作web頁面交互效果,提升用戶體驗。
能夠制作的頁面效果:輪播圖,無限瀑布流,tab切換,定位地圖,表單驗證等。
web前端三層來說:
?
結構層 HTML 從語義的角度,描述頁面結構
? ? 樣式層 CSS 從審美的角度,美化頁面
行為層 JavaScript 從交互的角度,提升用戶體驗
?
1.2 JavaScript和ECMAScript的關系
簡單來說ECMAScript不是一門語言,而是一個標準。符合這個標準的比較常見的有:JavaScript、Action Script(Flash中用的語言)。就是說,你JavaScript學完了,Flash中的程序也會寫了。
※?2011年,Node.js誕生,使JavaScript能夠開發服務器程序了。
※?WebApp,就是用網頁技術開發手機應用。
1.3 資源對比
手機系統有iOS、安卓、windows phone。那么公司比如說開發一個“攜程網”APP,就需要招聘三隊人馬,比如iOS工程師10人,安卓工程師10人,windows工程師10人。共30人,工資開銷大。并且,如果要改版,要改3個版本。
用html+css+javascript技術來開發app。好處是不用招聘那么多工程師,只需要幾個前端開發工程師即可。并且也易于迭代,就是網頁一改變,所有的終端都變了。
2.1 JavaScript是前臺語言,而不是后臺語言
JavaScript運行在客戶的電腦里面,而不是服務器上,所以我們稱為“前臺語言。JavaScript就是一個簡單的制作頁面效果的語言,不能操作數據庫。就是服務于頁面的交互效果、美化、絢麗。
“后臺語言”是運行在服務器上的,比如PHP、ASP、JSP等等,這些語言都能夠操作數據庫,都能夠對數據庫進行“增刪改查”操作。
(Node.js除外~)
3.1?開始寫第一個JavaScript程序
在頁面中,<script type=”text/javascript”></script>標簽對兒,里面就是書寫JavaScript程序的地方
?
1 <script type="text/javascript"> 2 3 </script>
?
text表示JavaScript也是一個純文本的語言
3.2 alert 警告框(MARK)
?
3.3 語法規則
每一條語句末尾要加上分號,雖然分號不是必須加的,但是為了程序今后要壓縮,如果不加分號,壓縮之后將不能運行了。
所有的符號,都是英語的。比如括號、引號、分號
另一個常見錯誤:標簽寫錯了
3.4 注釋
總結:
// 單行注釋
/*
多行注釋
多行注釋
*/
? sublime中,單行注釋的快捷鍵是ctrl+/ 。多行注釋的快捷鍵是ctrl+shift+/
4.0?認識數字和字符串 - 直接量
“直接量”也稱為“字面量”,就是看見什么,它就是什么。
簡單的直接量有2種:數字、字符串。
4.1 console.log(XX);
console表示“控制臺”,log就是“輸出”
表示在控制臺中輸出,控制臺在Chrome瀏覽器的F12中。控制臺是工程師、程序員調試程序的地方。我們經常使用這條語句輸出一些東西,來測試程序是否正確。很像電工用的“電筆”。
5.1 變量
用字母來表示數字、字符串等其他東西的,稱為“變量”。
var就是英語“variant”變量的縮寫。后面要加一個空格,空格后面的東西就是“變量名”,我們可以給變量任意的取名字。
var就是一個關鍵字,所謂關鍵字,就是有特殊功能的小詞語。關鍵字后面一定要有空格隔開。例如:
1 <script type="text/javascript"> 2 var a = 666; 3 </script
5.2 變量的命名規范?
變量名有命名規范:
?? 只能由英語字母、數字、下劃線、美元符號$構成,且不能以數字開頭,并且不能是JavaScript保留字。
?規范變量的命名:
1 var haha = 250; 2 var xixi = 300; 3 var a1 = 400; 4 var a2 = 400; 5 var abc_123 = 400; 6 var $abc = 999; 7 var $o0_0o$ = 888; 8 var $ = 1000; 9 var _ = 2000; 10 var ________ = 3000;
?錯誤的變量命名:
1 //var a-1 = 1000; //不能有怪異符號 2 //var a@ = 2000; //不能有怪異符號 3 //var 2year = 3000; //不能以數字開頭 4 //var a¥ = 4000; //不能有怪異符號 5 //var a*#$#$@ = 5000; //不能有怪異符號 6 //var a b =300; //不能有空格
常見保留字:
abstract、boolean、byte、char、class、const、debugger、double、enum、export、extends、final、float、goto、implements、import、int、interface、long、native、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile
大寫字母是可以使用的,并且大小寫敏感。也就是說A和a是兩個變量。
var Z = 110;
var z = 999;
5.3 變量的定義和賦值
MARK~
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?