《瘋狂前端開發講義jQuery+Angular+Bootstrap前端開發實踐》學習筆記

《瘋狂前端開發講義jQuery+Angular+Bootstrap前端開發實踐》學習筆記

二〇一九年二月十三日星期三2時28分54秒

前提：本書適合有初步HTML、CSS、JavaScript基礎的讀者，或對企業應用前端開發不太熟悉的開發人員。

第1章：前端開發與Ajax技術

要點：C/S模式應用的結構和缺點；B/S模式應用的結構和優點；傳統Web應用的不足；如何改進傳統的Web應用；現代Web應用與前端開發；改進的通訊方式和加強的UI界面；體驗前端Ajax開發；使用Serlet生成文本響應內容；使用JSP生成文本響應；獲取服務器的響應內容；經過DOM加載服務器響應；前端技術的難點。

1.1從新思考Web應用

從C/S到B/S,MVC模式：Model-View-Controller,模型、視圖、控制器分離。

傳統Web應用的優缺點：獨佔式請求、頻繁的頁面請求、簡陋的頁面----頻繁刷新頁面，每次響應都必須下載整個頁面，耗費資源，響應速度慢！

1.2從新設計Web應用

RIA:Rich Internet Application富Internet應用，運營於B/S結構上的C/S應用！好比地圖！

改進的服務器通訊：2005年Ajax:使用XMLHttpRequest異步發送請求，不要求從新加載頁面。Ajax還能動態加載服務器響應數據。

WebSoket通訊技術：基於TCP協議的服務器與瀏覽器鏈接，可實時雙向發送數據。並且已成H5規範。

Server-sent Events技術：服務器推送技術，不須要雙向通訊場景下，簡單高效。

COMET技術：長輪詢技術。應該是即時通訊軟件的核心技術吧。

此外：現代WEB應用還有：優雅、美觀的用戶界面；豐富的客戶端交互。如H5的<canvas>,還有C3，以及層出不窮的大量框架：簡單、易用、跨瀏覽器、支持響應式佈局。

1.3 前端開發介紹

三句話：當下的前端開發都會藉助Ajax技術，Ajax並無太多新的內容，但Ajax豐富了前端開發的功能。

Ajax的核心是XMLHttpRequest對象，Ajax使用JavaScript來回傳送數據。準備的表述爲：

(1) JS腳本使用XMLHttpRequest對象向服務器發送請求，GET或POST。

(2) JS腳本使用XMLHttpRequest對象解析服務器響應數據。回調函數。

(3) JS腳本經過DOM動態更新HTML頁面，也可爲服務器響應數據增長CSS樣式表。

前端開發的核心技術：

(1) 前端開發的核心技術是JavaScript

(2) DOM是操做HTML文檔和XML文件的一組API,它提供了文件的結構表述。DOM提供 了動態改變HTML頁面內容的方法。

(3) CSS3

1.4 前端開發體驗：Ajax聊天室

安裝tomcat、JDK、JRE……連實驗程序，花掉了我好幾個小時的時間……

再日後翻一翻書，感受好像掉進陷阱裏面去了----沒有java編程基礎這些.java文件的代碼還真看不懂！真的不想再往JAVA、JSP裏面跳了。感受這純粹是爲了推銷他的課程嘛！幹嗎不用你們廣泛承認和接受的JavaScript來配合jQuery啊？想一想，這本書扔了怪惋惜的，越過jQuery看看AngularJS和Bootstrap能不能看懂吧，感受裏面好像沒有java的例子，不過，已經對李剛這個做者產生了信任危機了，不知道往下看他的書會不會帶着情緒，也好，突破本身的心理障礙也是一種修煉。

「由於AngularJS 1.X是真正輕量級JavaScript框架，比較適合熟悉JavaScript的前端開發者；而Angular2.X使用的是TypeScript腳本,並且它的開發高度依賴Node.js，所以本書介紹的是目前比較流行的Angula1.X」摘自第149頁提示。

無語！！！決定完全放棄這本書以及古董級的李剛們！ 白白浪費了1成天的時間和那麼多感情！仍是看騰訊課堂比較實在些！      --2/14/2019 5:45:27 AM