達內web前端配套課件代碼核心編程day

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

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

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

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

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

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