達(dá)內(nèi)web前端配套課件代碼核心編程day

1、JavaScript網(wǎng)頁 = 內(nèi)容/結(jié)構(gòu) + 表現(xiàn)/樣式 + 行為/動作目標(biāo)：搭建JS的運(yùn)行環(huán)境寫出hello worldJavaScript中的變量和常量JavaScript中的數(shù)據(jù)類型重點(diǎn)補(bǔ)充：掌握一門新技術(shù)/語言需要哪些步驟？了解背景：歷史、現(xiàn)狀、發(fā)展、領(lǐng)用領(lǐng)域、特點(diǎn)搭建運(yùn)行/測試環(huán)境編寫Hello World變量和常量數(shù)據(jù)類型運(yùn)算符(特殊運(yùn)算符) 程序結(jié)構(gòu)：順序結(jié)構(gòu)、循環(huán)結(jié)構(gòu)、選擇結(jié)構(gòu)關(guān)鍵字重點(diǎn)程序常用組件屬性、類、函數(shù)、方法、設(shè)計(jì)模式、框架、第三方組件編寫正式項(xiàng)目1.JS的歷史和發(fā)展 瀏覽器的核心：內(nèi)容渲染引擎 + 腳本解釋引擎 常見的瀏覽器的核心：IE的核心：Trident(雙引擎

2、)Chrome的核心：Webkit(渲染引擎)+V8(腳本解釋)Safari的核心：Webkit(雙引擎)Opera的核心：Presto(雙引擎-o-) / Webkit(雙引擎)Firefox的核心：Gecko(雙引擎) Netscape Navigator Mozilla Firefox(Gecko) Microsoft IE JS由三部分組成：核心由ECMAScript標(biāo)準(zhǔn)制定，可以運(yùn)行在任何js引擎中，不光可以編寫客戶端腳本，還可以編寫服務(wù)器端腳本(NodeJS)、編寫桌面應(yīng)用程序、網(wǎng)絡(luò)程序DOM將JS嵌入在網(wǎng)頁中操作HTML標(biāo)簽BOM使用JS與瀏覽器宿主進(jìn)行交互2.JavaScrip

3、t運(yùn)行環(huán)境搭建 (1)方式一：安裝一個(gè)獨(dú)立JS解釋器V8(NodeJS)可以交互式執(zhí)行；也可以批量的執(zhí)行多條語句(需要編寫.js文件中) (2)方式二：使用瀏覽器內(nèi)嵌JS解釋器 直接在控制臺輸入中一行一行的輸入并執(zhí)行腳本；把JavaScript語句混排在HTML中，讓瀏覽器解釋執(zhí)行整個(gè)HTML文件直接嵌入在BODY中執(zhí)行嵌入在HEAD中，其中定義函數(shù)，頁面元素的某個(gè)事件發(fā)生時(shí)調(diào)用該函數(shù)JavaScript編寫在外部.js文件中，HTML中使用引用外部js文件；頁面元素的某個(gè)事件發(fā)生時(shí)調(diào)用外部js中定義的函數(shù)3代碼的調(diào)試 調(diào)試的藝術(shù) 調(diào)試(Debug)：Ada，世界上第一個(gè)女程序員，找到程序中的

4、小錯(cuò)誤，糾正它。核心JSECMAScript，可以運(yùn)行瀏覽器/單純的JS引擎console.log(hello);DOM操作HTML，需要瀏覽器document.write();BOM與瀏覽器交互，需要瀏覽器window.alert(用戶名已存在！請重試！);/彈出一個(gè)警告框mpt(請輸入用戶名：);/彈出一個(gè)輸入提示框window.confirm(您確定要關(guān)閉當(dāng)前頁面嗎？);/彈出一個(gè)確認(rèn)框4.注釋HTML: CSS: /* color: red; */JavaScript:/* 多行注釋 */單行注釋5.JavaScript中定義變量和常量 常量：值固定不能改變的量，J

5、S與其它語言不同，沒有關(guān)鍵字可用于自定義常量用戶名錯(cuò)誤 字符串常量3.1415926 數(shù)字常量 變量：值可以改變的量，如下格式：var 變量名;/Variablevar 變量名 = 值; 變量名的命名規(guī)則：變量名不能使用關(guān)鍵字/保留字變量名中可以包含數(shù)字、字母、下劃線、$、或其他的Unicode字符(如中文)，不能以數(shù)字開頭；不能包含標(biāo)點(diǎn)符號。變量名最好做到見名知義， 如x = 10; y = ABC;不好變量名推薦使用下述三種規(guī)則之一：匈牙利命名法，用一個(gè)/多個(gè)表示類型的字母開頭，如 sUserName、iAge、bIsMarried、oBirthday、eManager、wLogout;下

6、劃線命名法，用_分隔多個(gè)單詞，如user_name、is_married、manager_name、our_class_monitor_name小駝峰命名法，用首字母的大寫區(qū)分多個(gè)單詞，如userName、changeRate、empFirstName、studentName大駝峰命名法，每個(gè)單詞首字母都大寫，如UserName、EmpLastName 變量的使用：重新修改變量的值寫操作獲取變量的當(dāng)前值讀操作6.JavaScript中的數(shù)據(jù)類型重點(diǎn)(1)基本類型/簡單類型/值類型：number、string、boolean(2)特殊類型：null、undefined(3)復(fù)雜類型/引用類型：object、function7.基本類型：string字符編碼：計(jì)算機(jī)只能處理數(shù)字(10101001)，每個(gè)字符可以分配一個(gè)唯一的數(shù)字與之對應(yīng)。ASCII: 使用8個(gè)bit的二進(jìn)制數(shù)來表示一個(gè)字符，最多表示256個(gè)字符Unicode：使用16個(gè)bit的二進(jìn)制數(shù)來表示一個(gè)字符，最多表示65536個(gè)字符(1)常見的轉(zhuǎn)義字符：n表示換行