第章JavaScript開發(fā)基礎(chǔ)PPT課件.ppt

第14章JavaScript開發(fā)基礎(chǔ) 14 1JavaScript的應(yīng)用環(huán)境14 2最常用的開發(fā)工具14 35個最常用的JavaScript調(diào)試工具14 4綜合實(shí)戰(zhàn)1 用JavaScript計算借貸支出14 5綜合實(shí)戰(zhàn)2 九九乘法表高手私房菜 精通HTML CSS14 100 網(wǎng)頁設(shè)計與制作密碼 14 1JavaScript的應(yīng)用環(huán)境 14 1 1客戶端JavaScript14 1 2其他環(huán)境中的JavaScript14 1 3客戶端的JavaScript 網(wǎng)頁中的可執(zhí)行內(nèi)容14 1 4客戶端JavaScript的特性 精通HTML CSS14 100 網(wǎng)頁設(shè)計與制作密碼 14 1 1客戶端JavaScript 提起客戶端那么就一定有相應(yīng)的服務(wù)器端 而JavaScript主要是應(yīng)用在客戶端 JavaScript服務(wù)器端最早實(shí)現(xiàn)動態(tài)網(wǎng)頁的技術(shù)是CGI CommonGatewayInterface 通用網(wǎng)關(guān)接口 技術(shù) 它可根據(jù)用戶的HTTP請求數(shù)據(jù)動態(tài)從Web服務(wù)器返回請求的頁面 精通HTML CSS14 100 網(wǎng)頁設(shè)計與制作密碼 14 1 2其他環(huán)境中的JavaScript 除了Web應(yīng)用的相關(guān)領(lǐng)域之外 JavaScript還能夠在多種不同的環(huán)境中運(yùn)行 在較早一些的時候 Microsoft已經(jīng)在Windows系統(tǒng)中支持一種HTA應(yīng)用 這可以看作是由JavaScript HTML編寫的類似GUI的應(yīng)用程序 在 netframework的新版本中 Microsoft更是直接支持了J 精通HTML CSS14 100 網(wǎng)頁設(shè)計與制作密碼 14 1 3客戶端的JavaScript 網(wǎng)頁中的可執(zhí)行內(nèi)容 目前絕大多數(shù)瀏覽器中都嵌入了某個版本的JavaScript解釋器 當(dāng)JavaScript被嵌入客戶端瀏覽器后 就形成了客戶端的JavaScript 大多數(shù)人提到JavaScript時 通常指的是客戶端的JavaScript 本書重點(diǎn)介紹的內(nèi)容 也是JavaScript的客戶端應(yīng)用 當(dāng)一個Web瀏覽器嵌入了JavaScript解釋器時 它就允許可執(zhí)行的內(nèi)容以JavaScript的形式在用戶客戶端瀏覽器中運(yùn)行 精通HTML CSS14 100 網(wǎng)頁設(shè)計與制作密碼 14 1 4客戶端JavaScript的特性 JavaScript是一種基于對象 Object 和事件驅(qū)動 EventDriven 并具有安全性能的腳本語言 使用它的目的是與HTML超文本標(biāo)記語言 Java腳本語言 Java小程序 一起實(shí)現(xiàn)在一個Web頁面中連接多個對象 與Web客戶交互作用 從而可以開發(fā)客戶端的應(yīng)用程序等 它是通過嵌入或調(diào)入到標(biāo)準(zhǔn)的HTML語言中實(shí)現(xiàn)的 JavaScript具有以下幾個基本特點(diǎn) 1 是一種腳本編寫語言 2 基于對象的語言 14 簡單性 4 安全性 5 動態(tài)性的 6 跨平臺性 精通HTML CSS14 100 網(wǎng)頁設(shè)計與制作密碼 14 2最常用的開發(fā)工具 14 2 1附帶測試的開發(fā)工具 TestSwarm14 2 2半自動化開發(fā)工具 Minimee14 2 3輕松建立JS庫的開發(fā)工具 JavaScriptBoilerplate 精通HTML CSS14 100 網(wǎng)頁設(shè)計與制作密碼 14 2 1附帶測試的開發(fā)工具 TestSwarm 提起客戶端那么就一定有相應(yīng)的服務(wù)器端 而JavaScript主要是應(yīng)用在客戶端 JavaScript服務(wù)器端最早實(shí)現(xiàn)動態(tài)網(wǎng)頁的技術(shù)是CGI CommonGatewayInterface 通用網(wǎng)關(guān)接口 技術(shù) 它可根據(jù)用戶的HTTP請求數(shù)據(jù)動態(tài)從Web服務(wù)器返回請求的頁面 精通HTML CSS14 100 網(wǎng)頁設(shè)計與制作密碼 14 2 2半自動化開發(fā)工具 Minimee 在互聯(lián)網(wǎng)領(lǐng)域 速度就是一切 這意味著當(dāng)面對CSS和JavaScript文件的時候 文件大小是一個重要的要素 Minimee可以自動最小化以及并對文件進(jìn)行組合 幫助你化繁為簡 下載地址為 http johndwells github io Minimee 精通HTML CSS14 100 網(wǎng)頁設(shè)計與制作密碼 14 2 3輕松建立JS庫的開發(fā)工具 JavaScriptBoilerplate JavaScriptBoilerplate是基于HTML CSS JS的一個快速 健壯和面向未來的網(wǎng)站模板 經(jīng)過14年的迭代開發(fā) 得到最佳的Web開發(fā)實(shí)踐 包括 跨瀏覽器的正?；?性能優(yōu)化 甚至像可選功能如AJAX跨域和Flash處理等 這個模版包含一個 htaccess配置文件 它的功能包括Apache緩存設(shè)置 網(wǎng)站播放HTML5視頻設(shè)置 使用 font face和允許使用gzip設(shè)置 精通HTML CSS14 100 網(wǎng)頁設(shè)計與制作密碼 2020 2 5 11 14 35個最常用的JavaScript調(diào)試工具 14 3 1萬能調(diào)試工具 Drosera14 3 2最規(guī)則的調(diào)試工具 Dragonfly14 3 3Firefox的集成工具 Firebug14 3 4前端調(diào)試?yán)?Debugbar14 3 5支持瀏覽器最多的工具 Venkman 精通HTML CSS14 100 網(wǎng)頁設(shè)計與制作密碼 14 3 1萬能調(diào)試工具 Drosera Drosera可以調(diào)試任何基于WebKit的應(yīng)用 精通HTML CSS14 100 網(wǎng)頁設(shè)計與制作密碼 14 3 2最規(guī)則的調(diào)試工具 Dragonfly Dragonfly可以語法和斷點(diǎn)高亮顯示 搜索功能強(qiáng)大 可以搜索當(dāng)前選擇的腳本 可以用文本 正則表達(dá)式來加載所有的JavaScript文件 精通HTML CSS14 100 網(wǎng)頁設(shè)計與制作密碼 14 3 3Firefox的集成工具 Firebug FireFox集成了Firebug 它提供了一個豐富的Web開發(fā)工具 可以在任何網(wǎng)頁編輯 調(diào)試和監(jiān)控的CSS HTML和JavaScript 精通HTML CSS14 100 網(wǎng)頁設(shè)計與制作密碼 14 3 4前端調(diào)試?yán)?Debugbar Debugbar雖然可以與Firebug一樣獲取頁面元素 做源代碼調(diào)試和CSS調(diào)試 精通HTML CSS14 100 網(wǎng)頁設(shè)計與制作密碼 14 3 5支持瀏覽器最多的工具 Venkman Venkman是Mozilla的JavaScriptdegugger的代碼名稱 可以在用戶界面上和控制臺命令中使用斷點(diǎn)管理 調(diào)用棧檢查 變量 對象檢查等功能 可以讓你以最習(xí)慣的方式調(diào)試 精通HTML CSS14 100 網(wǎng)頁設(shè)計與制作密碼 14 4綜合實(shí)戰(zhàn)1 用JavaScript計算借貸支出 精通HTML C