《瘋狂前端開發講義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

轉載于:https://www.cnblogs.com/yds-blogs/p/10372614.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的《疯狂前端开发讲义jQuery+Angular+Bootstrap前端开发实践》学习笔记的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。