《web前端概述》PPT課件

《《web前端概述》PPT課件》由會員分享，可在線閱讀，更多相關(guān)《《web前端概述》PPT課件（46頁珍藏版）》請在裝配圖網(wǎng)上搜索。

1、第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 1Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 2Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 考 核 方 式 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 3Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 延 續(xù) 教 學(xué) 安 排l答 疑 和 課 外 輔 導(dǎo) （ 即 延 續(xù) 教 學(xué) 安 排 ）n面 對 面 答 疑 17學(xué) 時 ： 雙 周 的 周 五 3-4節(jié) 課 ， 工 2的 4層 計算 機(jī) 系 機(jī) 房n課 后 答 疑 17學(xué) 時 ： 有 問 題 請

2、及 時 在 BB平 臺 論 壇 區(qū) 發(fā) 帖 ，因 為 我 每 天 會 瀏 覽 多 次 ， 肯 定 及 時 回 帖 。 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 4Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 課 程 資 源 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 5Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 1.1 Web概 述lWeb的 起 源 可 以 追 溯 到 1980年 Tim Berners-Lee構(gòu) 建 的ENQUIRE項 目 （ 詳 細(xì) 參 見 教 材 第 2-3頁 ） 。英 國 計 算 機(jī) 科 學(xué) 家萬 維 網(wǎng) 的 發(fā) 明 者 1

3、994年 10月 非 贏 利 性 的 萬 維 網(wǎng) 聯(lián) 盟 W3C（ World Wide Web Consortium） 在 麻省 理 工 學(xué) 院 計 算 機(jī) 科 學(xué) 實 驗 室 成 立 。負(fù) 責(zé) WWW技 術(shù) 標(biāo) 準(zhǔn) 化 的 協(xié) 議 制 定 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 6Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 Web歷 史 大 事 記 錄Web 1.0 紀(jì) 元 （ 1994-2001） Web 2.0 紀(jì)元HTML5 紀(jì) 元 （ 2009-?） 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 7Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版

4、 社 Web1.0紀(jì) 元n 關(guān) 鍵 詞 ： 網(wǎng) 頁 制 作 、 三 劍 客 、 特 效 300例n 職 業(yè) 名 稱 ： 網(wǎng) 頁 設(shè) 計 師 、 頁 面 仔 、 搞 前 臺 的 、 網(wǎng) 頁 編 輯n 主 要 技 術(shù) ： HTML、 CSS、 Dreamweaver、 Fireworks、 Flashn 市 場 需 求 ： 門 戶 網(wǎng) 站 、 企 業(yè) 網(wǎng) 站 、 個 人 網(wǎng) 站 網(wǎng) 頁 作 圖 軟 件 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 8Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 Web1.0紀(jì) 元 ： 前 端 與 后 端 比 較 n 前 端 與 后 端 人 員 配

5、 比 是 1:6左 右 ， 薪 水 比 是 1:2 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 9Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 Web1.0紀(jì) 元 ： 前 端 的 領(lǐng) 域 （ 2003） FF瀏 覽 器 ： 即 Firefox 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 10Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 Web2.0紀(jì) 元n 關(guān) 鍵 詞 ： JavaScript、 Ajax、 Div+Css、 Web標(biāo) 準(zhǔn)n 職 業(yè) 名 稱 ： 網(wǎng) 頁 制 作 工 程 師 、 前 端 開 發(fā) 工 程 師n 主 要 技 術(shù) ： HTML、

6、CSS、 JavaScriptn 市 場 需 求 ： 互 聯(lián) 網(wǎng) 公 司 、 IT軟 件 公 司 等 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 11Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 Web2.0紀(jì) 元 ： 前 端 與 后 端 比 較 n 前 端 與 后 端 人 員 配 比 是 1:3左 右 ， 薪 水 比 是 3:4 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 12Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 Web2.0紀(jì) 元 ： 前 端 的 領(lǐng) 域 （ 2009）2007年 ， WebKit開 源 項 目 催 生 了 面 向 移 動 設(shè)

7、 備 的 現(xiàn) 代 Web 應(yīng) 用 程 序 ， 蘋 果 的 Safari、 谷 歌 的 Chrome瀏 覽 器 都 是 基 于 這 個 框 架 來開 發(fā) 。 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 13Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 HTML5 紀(jì) 元n 關(guān) 鍵 詞 ： JavaScript、 Ajax、 Web標(biāo) 準(zhǔn) 、 HTML5、 CSS3、 移 動 Web、多 終 端 適 配n 職 業(yè) 名 稱 ： 前 端 開 發(fā) 工 程 師 、 全 棧 工 程 師n 主 要 技 術(shù) ： HTML、 CSS、 JavaScript、 服 務(wù) 端 腳 本n 市 場 需

8、求 ： 互 聯(lián) 網(wǎng) 公 司 、 IT軟 件 公 司 、 電 商 、 金 融 、 智 能 硬 件 全 棧 工 程 師 ， 也 叫 全 端 工 程師 ， 英 文 Full Stack developer。 是 指 掌 握 多 種技 能 ， 并 能 利 用 多 種 技 能 獨立 完 成 產(chǎn) 品 的 人 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 14Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 HTML5 紀(jì) 元 ： 前 端 與 后 端 比 較 n 前 端 與 后 端 人 員 配 比 是 2:3左 右 ， 薪 水 比 略 大 于 1:1 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜

9、 述 Page: 15Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 HTML5 紀(jì) 元 ： 前 端 的 領(lǐng) 域 （ 2014） 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 16Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 前 端 行 業(yè) 未 來 發(fā) 展n 云 服 務(wù)n 微 信 平 臺n 智 能 硬 件n 移 動 HTML5n HTML5游 戲 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 17Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 關(guān) 于 前 端 技 術(shù)n 作 為 計 算 機(jī) /軟 件 程 專 業(yè) 的 一 個 方 向n 教 學(xué) 目 標(biāo) ： 培 養(yǎng)

10、 專 業(yè) 的 前 端 開 發(fā) 工 程 師n 必 修 技 能 ： HTML、 CSS、 JavaScriptn 擴(kuò) 展 技 能 ： HTTP協(xié) 議 前 端 性 能 優(yōu) 化 網(wǎng) 絡(luò) 安 全 與 攻 擊 防 范 服 務(wù) 端 開 發(fā) （ 基 于 Node.js）Web網(wǎng) 頁 設(shè) 計 的 “ 三 劍 客 ” 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 18Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 前 端 技 術(shù) 的 參 考 書非 常 經(jīng) 典 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 19Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社第 1講 Web前 端 開

11、發(fā) 概 述 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 20Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 本 講 學(xué) 習(xí) 目 標(biāo)Web前 端 開 發(fā) 工 程 師 應(yīng) 掌 握 以 下 內(nèi) 容 ：l了 解 Web發(fā) 展 史 ； l了 解 Web前 端 開 發(fā) 工 程 師 職 業(yè) 需 求l掌 握 Web網(wǎng) 站 相 關(guān) 的 基 本 概 念 ；l理 解 Web前 端 開 發(fā) 技 術(shù) 及 其 在 Web網(wǎng) 頁 中 的 作 用 ；l了 解 常 用 的 Web前 端 開 發(fā) 工 具 、 瀏 覽 器 工 具 ， 并 學(xué) 會 使 用。 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page:

12、 21Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 1.1 Web概 述Web特 點 ： （ 詳 細(xì) 參 見 教 材 第 3-4頁 ）1.Web是 易 導(dǎo) 航 和 圖 形 化 2.Web是 具 有 平 臺 無 關(guān) 性3.Web是 支 持 分 布 式 結(jié) 構(gòu)4.Web是 具 有 動 態(tài) 性5.Web是 具 有 交 互 性 移 動 應(yīng) 用 開 發(fā) 優(yōu) 勢 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 22Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 Web工 作 原 理 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 23Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出

13、版 社 Web前 端 開 發(fā) 的 三 層 結(jié) 構(gòu)Web網(wǎng) 頁 設(shè) 計 的 “ 三 劍 客 ” 。1. HTML是 網(wǎng) 頁 信 息 結(jié) 構(gòu) 基 礎(chǔ) ；2. CSS是 網(wǎng) 頁 表 現(xiàn) 技 術(shù) ， 對 網(wǎng) 頁 布 局 、字 體 、 顏 色 、 背 景 和 其 它 效 果 實 施更 加 精 確 的 控 制 ；3. JavaScrpt和 HTMLDOM是 網(wǎng) 頁 行 為 ，實 現(xiàn) 網(wǎng) 頁 的 動 態(tài) 、 交 互 功 能 。 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 24Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 HTMLHyper Text Markup Language（ 超

14、文 本 標(biāo) 記 語 言 ）用 來 描 述 頁 面 的 內(nèi) 容 和 結(jié) 構(gòu) HTML是 構(gòu) 成 Web頁 面 (Page)的 基 礎(chǔ) 。 最 新 版 本 是 HTML5。 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 25Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 HTML超 文 本 標(biāo) 記 語 言 的 發(fā) 展 歷 史 HTML5終 于 修 成 正 果 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 26Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 Web網(wǎng) 頁 設(shè) 計 相 關(guān) 概 念l統(tǒng) 一 資 源 定 位 符 統(tǒng) 一 資 源 定 位 符 （ Uniform

15、 Resource Locator， URL） 也 被稱 為 網(wǎng) 頁 地 址 ， 如 同 在 網(wǎng) 絡(luò) 上 的門 牌 ， 是 因 特 網(wǎng) 上 標(biāo) 準(zhǔn) 的 資 源 的地 址 （ Address)。 協(xié) 議 類 型 :/服 務(wù) 器 地 址 （ 端 口號 ） /路 徑 /文 件 名 http:/info.cern.ch/www20/0002 http:/ 序 號 服 務(wù) （ 協(xié) 議 ） 類型 含 義1 http 超 文 本 傳 輸 協(xié) 議 資 源2 https 用 加 密 傳 送 的 超 文 本 傳輸 協(xié) 議 3 ftp 文 件 傳 輸 協(xié) 議4 mailto 電 子 郵 件 地 址5 ldap 輕

16、型 目 錄 訪 問 協(xié) 議 搜 索6 news Usenet新 聞 組7 file 本 地 電 腦 或 網(wǎng) 上 分 享 的文 件 8 gopher G opher協(xié) 議 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 27Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 Web網(wǎng) 頁 設(shè) 計 相 關(guān) 概 念 （ 續(xù) ）l網(wǎng) 站 ： 在 因 特 網(wǎng) 上 ， 根 據(jù) 一 定 的 規(guī) 則 ， 使 用 HTML等 工 具 制作 的 用 于 展 示 特 定 內(nèi) 容 的 相 關(guān) 網(wǎng) 頁 的 集 合 。l網(wǎng) 頁 ： 構(gòu) 成 網(wǎng) 站 的 基 本 元 素 。l首 頁 ： 也 稱 主 頁 。 即 一

17、個 網(wǎng) 站 的 入 口 網(wǎng) 頁 。l超 鏈 接 超 鏈 接 （ Hyper Link） 是 指 從 一 個 網(wǎng) 頁 指 向 另 一 個 目 標(biāo) 的 連 接 關(guān)系 ， 這 個 目 標(biāo) 可 以 是 另 一 個 網(wǎng) 頁 ， 也 可 以 是 相 同 網(wǎng) 頁 上 的 不 同 位 置 ， 還可 以 是 一 個 圖 片 、 一 個 電 子 郵 件 地 址 、 一 個 文 件 ， 甚 至 是 一 個 應(yīng) 用 程 序。 超 鏈 接 在 本 質(zhì) 上 屬 于 一 個 網(wǎng) 頁 的 一 部 分 ， 它 是 一 種 允 許 我 們 同 其 他 網(wǎng) 頁 或 站 點 之 間 進(jìn) 行 連 接 的 元 素 。 例 如 ： 百 科

18、 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 28Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 一 個 簡 單 的 HTML頁 面 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 29Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 l在 文 本 編 輯 器 (例 如 ： Sublime Text3)中 編 寫 .l保 存 為 .html結(jié) 尾 的 文 件l在 瀏 覽 器 （ 例 如 ： Goole Chrome） 中 打 開 查 看 效 果如 何 編 寫 HTML頁 面 ？htm、 html都 是 靜 態(tài) 網(wǎng) 頁 的 后 綴 名 。二 者 沒 有 區(qū) 別 。

19、第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 30Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 HTML標(biāo) 簽Hello World!開 始 標(biāo) 簽 結(jié) 束 標(biāo) 簽lHTML 標(biāo) 簽 是 由 尖 括 號 包 圍 的 關(guān) 鍵 詞 ， 比 如 lHTML 標(biāo) 簽 通 常 是 成 對 出 現(xiàn) 的 ， 比 如 和 l開 始 和 結(jié) 束 標(biāo) 簽 也 被 稱 為 開 放 標(biāo) 簽 和 閉 合 標(biāo) 簽 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 31Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 標(biāo) 簽 嵌 套標(biāo) 題介 紹 文 字l使 用 -標(biāo) 簽 定 義 標(biāo) 題 , 定

20、義 一 級 標(biāo) 題 ， 定 義 二 級 標(biāo)題 ， 以 此 類 推 。 標(biāo) 題 體 現(xiàn) 了 網(wǎng) 頁 的 文 檔 結(jié) 構(gòu) 。 l使 用 標(biāo) 簽 定 義 一 個 段 落 。l 是 一 個 塊 級 元 素 。 這 意 味 著 它 的 內(nèi) 容 自 動 地 開 始 一 個 新 行 。 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 32Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 頁 面 編 碼 META標(biāo) 簽 是 HTML標(biāo) 記 HEAD區(qū) 的 一 個 關(guān) 鍵 標(biāo) 簽 ， 它 位 于 HTML文 檔 的和 之 間 （ 有 些 也 不 是 在 和 之 間 ） 。 它 提 供的 信 息 雖

21、然 用 戶 不 可 見 ， 但 卻 是 文 檔 的 最 基 本 的 元 信 息 。 除 了 提 供 文 檔 字 符 集 、 使 用 語 言 、 作 者 等 基 本 信 息 外 ， 還 涉及 對 關(guān) 鍵 詞 和 網(wǎng) 頁 等 級 的 設(shè) 定 。 如 果 是 UTF8編 碼 ， 則 在 外 國 人 的 英 文 IE上 也 能 顯 示 中 文 ， 他 們 無 需下 載 IE的 中 文 語 言 支 持 包 。 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 33Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 屬 性 點 擊 這 里屬 性 屬 性 值定 義 超 鏈 接 href=鏈 接 目

22、標(biāo) 的 URL(即 web頁 的 地 址 )title=錨 文 字target=_blank 轉(zhuǎn) 到 空 白 頁 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 34Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 HTML注 釋 xxxxxx代表你要寫的注釋內(nèi)容，注釋不會在瀏覽器中顯示。/和 /* */在 html里 也 是 常 用 的 注 釋 ， 但 只 能 用 在js和 CSS語 言 ,不 對 HTML語 言 起 作 用 ！ 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 35Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 l結(jié) 構(gòu) , , , , , 等l媒

23、體 , , 等HTML 5 新 標(biāo) 簽 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 36Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 l表 單 類 型email, range, url, date, time, datetime, number, search等l驗 證required, patternl其 它placeholderHTML 5 新 增 表 單 屬 性 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 37Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 l不 同 的 瀏 覽 器 對 于 HTML標(biāo) 準(zhǔn) 支 持 程 度 不 同l查 看 瀏 覽 器

24、支 持 情 況 可 以 訪 問 如 下 網(wǎng) 址 ： http:/瀏 覽 器 兼 容 性 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 38Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 l清 楚 了 解 每 一 個 標(biāo) 簽 和 屬 性 的 語 義lHTML中 只 描 述 內(nèi) 容 和 結(jié) 構(gòu) ， 樣 式 留 給 CSSl手 寫 HTML， 避 免 使 用 生 成 工 具l推 薦 2個 HTML學(xué) 習(xí) 的 參 考 網(wǎng) 址 ： HTML: The Living Standard HTML Tutorials如 何 學(xué) 習(xí) HTML？ 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 P

25、age: 39Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 CSSl層 疊 樣 式 表 CSS（ Cascading Style Sheet） 級 聯(lián) 樣 式 表 1.CSS作 用 可 以 有 效 地 對 頁 面 的 布 局 、 字 體 、 顏 色 、 背 景 和 其 它 效果 實 現(xiàn) 更 加 精 確 的 控 制 。 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 40Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 CSS（ 續(xù) ） 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 41Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 JavaScript Java

26、Script的 出 現(xiàn) 使 得 網(wǎng) 頁 和 用 戶 之 間 實 現(xiàn) 了 一 種 實 時 性 的 、 動 態(tài)的 、 交 互 性 的 關(guān) 系 ， 使 網(wǎng) 頁 包 含 更 多 活 躍 元 素 和 更 加 精 彩 的 內(nèi) 容 。 1.JavaScript由 來 JavaScript最 初 由 網(wǎng) 景 公 司 （ Netscape） 的 Brendan Eich設(shè) 計 ，是 一 種 由 Netscape的 LiveScript發(fā) 展 而 來 的 客 戶 端 腳 本 語 言 ， 主 要 目 的是 為 了 解 決 服 務(wù) 器 端 語 言 ， 提 供 數(shù) 據(jù) 驗 證 的 基 本 功 能 。 2.JavaScr

27、ipt組 成 一 個 完 整 的 JavaScript實 現(xiàn) 是 由 以 下 3個 不 同 部 分 組 成的 ：l核 心 （ ECMAScript） l文 檔 對 象 模 型 （ DOM） l瀏 覽 器 對 象 模 型 （ BOM） 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 42Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 JavaScript案 例 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 43Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 HTML DOMlHTML DOM是 Document Object Model文 檔 對 象 模 型lDOM

28、結(jié) 構(gòu) ： 以 層 次 結(jié) 構(gòu) 組 織 節(jié) 點 或 信 息 片 段 （ 教 材 第 13頁的 例 1-3-3的 網(wǎng) 頁 就 展 示 了 這 樣 的 一 個 目 錄 樹 型 結(jié) 構(gòu) ） 。 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 44Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 AJAX AJAX即 “ Asynchronous Javascript + XML”（ 異 步 JavaScript和 XML） ， 是 指 一 種 創(chuàng) 建 交 互 式 網(wǎng) 頁 應(yīng) 用 的 網(wǎng) 頁 開 發(fā) 技 術(shù) 。 傳 統(tǒng) 的 網(wǎng) 頁 （ 不 使 用 AJAX） 如 果 需 要 更 新 內(nèi) 容

29、 ， 必 須 重 載 整 個 網(wǎng)頁 面 。 AJAX 是 一 種 用 于 創(chuàng) 建 快 速 動 態(tài) 網(wǎng) 頁 的 技 術(shù) 。 通 過 在 后 臺 與 服 務(wù)器 進(jìn) 行 少 量 數(shù) 據(jù) 交 換 ， AJAX 可 以 使 網(wǎng) 頁 實 現(xiàn) 異 步 更 新 。 這 意 味 著 可 以在 不 重 新 加 載 整 個 網(wǎng) 頁 的 情 況 下 ， 對 網(wǎng) 頁 的 某 部 分 進(jìn) 行 更 新 。 有 很 多 使 用 AJAX 的 應(yīng) 用 程 序 案 例 ： 新 浪 微 博 Google地 圖 、 開 心網(wǎng) 等 等 。 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 45Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 1.6 綜 合 案 例 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 46Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 1.6 綜 合 案 例 （ 續(xù) ）