《瘋狂前端開(kāi)發(fā)講義jQuery+Angular+Bootstrap前端開(kāi)發(fā)實(shí)踐》學(xué)習(xí)筆記

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

前提：本書(shū)適合有初步HTML、CSS、JavaScript基礎(chǔ)的讀者，或?qū)ζ髽I(yè)應(yīng)用前端開(kāi)發(fā)不太熟悉的開(kāi)發(fā)人員。

第1章：前端開(kāi)發(fā)與Ajax技術(shù)

要點(diǎn)：C/S模式應(yīng)用的結(jié)構(gòu)和缺點(diǎn)；B/S模式應(yīng)用的結(jié)構(gòu)和優(yōu)勢(shì)；傳統(tǒng)Web應(yīng)用的不足；如何改進(jìn)傳統(tǒng)的Web應(yīng)用；現(xiàn)代Web應(yīng)用與前端開(kāi)發(fā)；改進(jìn)的通信方式和增強(qiáng)的UI界面；體驗(yàn)前端Ajax開(kāi)發(fā)；使用Serlet生成文本響應(yīng)內(nèi)容；使用JSP生成文本響應(yīng)；獲取服務(wù)器的響應(yīng)內(nèi)容；通過(guò)DOM加載服務(wù)器響應(yīng)；前端技術(shù)的難點(diǎn)。

1.1重新思考Web應(yīng)用

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

傳統(tǒng)Web應(yīng)用的優(yōu)缺點(diǎn)：獨(dú)占式請(qǐng)求、頻繁的頁(yè)面請(qǐng)求、簡(jiǎn)陋的頁(yè)面----頻繁刷新頁(yè)面，每次響應(yīng)都必須下載整個(gè)頁(yè)面，耗費(fèi)資源，響應(yīng)速度慢！

1.2重新設(shè)計(jì)Web應(yīng)用

RIA:Rich Internet Application富Internet應(yīng)用，運(yùn)營(yíng)于B/S結(jié)構(gòu)上的C/S應(yīng)用！比如地圖！

改進(jìn)的服務(wù)器通信：2005年Ajax:使用XMLHttpRequest異步發(fā)送請(qǐng)求，不要求重新加載頁(yè)面。Ajax還能動(dòng)態(tài)加載服務(wù)器響應(yīng)數(shù)據(jù)。

WebSoket通信技術(shù)：基于TCP協(xié)議的服務(wù)器與瀏覽器連接，可實(shí)時(shí)雙向發(fā)送數(shù)據(jù)。而且已成H5規(guī)范。

Server-sent Events技術(shù)：服務(wù)器推送技術(shù)，不需要雙向通信場(chǎng)景下，簡(jiǎn)單高效。

COMET技術(shù)：長(zhǎng)輪詢技術(shù)。應(yīng)該是即時(shí)通信軟件的核心技術(shù)吧。

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

1.3 前端開(kāi)發(fā)介紹

三句話：當(dāng)下的前端開(kāi)發(fā)都會(huì)借助Ajax技術(shù)，Ajax并沒(méi)有太多新的內(nèi)容，但Ajax豐富了前端開(kāi)發(fā)的功能。

Ajax的核心是XMLHttpRequest對(duì)象，Ajax使用JavaScript來(lái)回傳送數(shù)據(jù)。準(zhǔn)備的表述為：

(1) JS腳本使用XMLHttpRequest對(duì)象向服務(wù)器發(fā)送請(qǐng)求，GET或POST。

(2) JS腳本使用XMLHttpRequest對(duì)象解析服務(wù)器響應(yīng)數(shù)據(jù)。回調(diào)函數(shù)。

(3) JS腳本通過(guò)DOM動(dòng)態(tài)更新HTML頁(yè)面，也可為服務(wù)器響應(yīng)數(shù)據(jù)增加CSS樣式表。

前端開(kāi)發(fā)的核心技術(shù)：

(1) 前端開(kāi)發(fā)的核心技術(shù)是JavaScript

(2) DOM是操作HTML文檔和XML文件的一組API,它提供了文件的結(jié)構(gòu)表述。DOM提供 了動(dòng)態(tài)改變HTML頁(yè)面內(nèi)容的方法。

(3) CSS3

1.4 前端開(kāi)發(fā)體驗(yàn)：Ajax聊天室

安裝tomcat、JDK、JRE……連實(shí)驗(yàn)程序，花掉了我好幾個(gè)小時(shí)的時(shí)間……

再往后翻一翻書(shū)，感覺(jué)好像掉進(jìn)陷阱里面去了----沒(méi)有java編程基礎(chǔ)這些.java文件的代碼還真看不懂！真的不想再往JAVA、JSP里面跳了。感覺(jué)這純粹是為了推銷(xiāo)他的課程嘛！干嘛不用大家普遍認(rèn)可和接受的JavaScript來(lái)配合jQuery啊？想想，這本書(shū)扔了怪可惜的，越過(guò)jQuery看看AngularJS和Bootstrap能不能看懂吧，感覺(jué)里面好像沒(méi)有java的例子，不過(guò)，已經(jīng)對(duì)李剛這個(gè)作者產(chǎn)生了信任危機(jī)了，不知道往下看他的書(shū)會(huì)不會(huì)帶著情緒，也好，突破自己的心理障礙也是一種修煉。

“因?yàn)锳ngularJS 1.X是真正輕量級(jí)JavaScript框架，比較適合熟悉JavaScript的前端開(kāi)發(fā)者；而Angular2.X使用的是TypeScript腳本,而且它的開(kāi)發(fā)高度依賴Node.js，因此本書(shū)介紹的是目前比較流行的Angula1.X”摘自第149頁(yè)提示。

無(wú)語(yǔ)！！！決定徹底放棄這本書(shū)以及古董級(jí)的李剛們！ 白白浪費(fèi)了1整天的時(shí)間和那么多感情！還是看騰訊課堂比較實(shí)在些！ ?????--2/14/2019 5:45:27 AM

轉(zhuǎn)載于:https://www.cnblogs.com/yds-blogs/p/10372614.html

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。