大前端開發第二階段知識點回顧總結
大前端開發第二階段總體來說可以分為三個板塊:AJAX篇、H5篇、小程序篇。現在我帶著大家回憶一篇,也算對自己這個階段的總結和收獲。
AJAX篇
什么是Ajax?
AJAX =?Asynchronous JavaScript and XML(異步的 JavaScript 和 XML)。
AJAX 不是新的編程語言,而是一種使用現有標準的新方法。
AJAX 最大的優點是在不重新加載整個頁面的情況下,可以與服務器交換數據并更新部分網頁內容。
AJAX 不需要任何瀏覽器插件,但需要用戶允許JavaScript在瀏覽器上執行。
AJAX 能做什么?
運用 XHTML+CSS 來表達資訊;
運用 JavaScript 操作 DOM(Document Object Model)來執行動態效果;
運用 XML 和 XSLT 操作資料;
運用 XMLHttpRequest 或新的 Fetch API 與網頁服務器進行異步資料交換;
XMLHttpRequest 對象
所有現代瀏覽器均支持 XMLHttpRequest 對象(IE5 和 IE6 使用 ActiveXObject)。
XMLHttpRequest 用于在后臺與服務器交換數據。這意味著可以在不重新加載整個網頁的情況下,對網頁的某部分進行更新。
向服務器發送請求
如需將請求發送到服務器,我們使用?XMLHttpRequest?對象的?open()?和?send()?方法:
xmlhttp.open("GET","ajax_info.txt",true); xmlhttp.send();
服務器響應
如需獲得來自服務器的響應,請使用 XMLHttpRequest 對象的 responseText 或 responseXML 屬性。
GET 還是 POST?
與 POST 相比,GET 更簡單也更快,并且在大部分情況下都能用。
然而,在以下情況中,請使用 POST 請求:
無法使用緩存文件(更新服務器上的文件或數據庫)
向服務器發送大量數據(POST 沒有數據量限制)
發送包含未知字符的用戶輸入時,POST 比 GET 更穩定也更可靠
還有AJAX的實戰:https://bbs.huaweicloud.com/blogs/288623,收獲挺多。
H5篇
畫布
HTML5
一個畫布在網頁中是一個矩形框,通過
拖放
拖放是一種常見的特性,即抓取對象以后拖到另一個位置。
在 HTML5 中,拖放是標準的一部分,任何元素都能夠拖放。
視頻
HTML5 規定了一種通過 video 元素來包含視頻的標準方法。
音頻
control 屬性供添加播放、暫停和音量控件。在 之間你需要插入瀏覽器不支持的
滾輪事件與滑動事件的區別:
1.scroll事件在window對象上綁定,通過混合模式下的document.body或者標準模式下的document.documentElement的scrollLeft和scrollTop屬性監控滾動條的位置。
2.滾輪事件即可綁定到window或者document上,也可綁定到Element上。
3.scroll事件必須出現滾動條才會觸發,而滾輪事件只是普通的鼠標事件,滾動滾軸就可觸發。
小程序篇
微信小程序這個詞可以分解為“微信”和“小程序”兩部分。其中“微信”可以理解為“微信中的”,指的是小程序的執行環境;當然微信在提供執行環境的同時也延長了用戶使用微信的時間。“小程序”是說它首先是程序,然后具備輕便的特征。小程序并不像其他應用那樣,它不需要安裝,而是通過掃描二維碼等打開后直接執行;用完以后也不需要卸載。這就是所謂用完即走的原則。另外,微信不會提供類似于小程序商店的地方,需要小程序提供者自己通過二維碼,群分享的手段來傳播,這就是所謂去中心化的形態。微信朋友圈提供了好友之間溝通信息的手段,訂閱號提供了面向粉絲推送信息的手段,而小程序則是提供了用戶通過自己的操作而與服務實現互動的手段。
結構:
使用 JSON 技術來表現應用的配置信息。包含應用的基本信息,頁面配置和路由,應用全體的信息等。
使用經過定制 CSS+XML 技術來實現視圖層的描述。畫面元素,例如列表、按鈕、文本框、選擇框等都通過 XML 語言來描述,遵從 XML 語法,對于頁面的共同風格,使用 CSS 進行定義。
使用 JavaScript 語言來實現邏輯層結構。包括用戶操作的處理,系統 API 的調用等。
架構在視圖層和邏輯層之間提供數據和事件傳輸功能,從而盡量減少難度。由于類似應有都屬于輕應用,所以提供的功能都比較單一。
總結:
在學習和開發的過程中,我主要會參考開發文檔和視頻里老師的介紹。當我遇到一個自己不會的知識點時,我會進行百度,進行泛讀,充分結合各個大神的文章,進行理解,重點是自己個人的理解.做筆記.辯證的看待每個人的文章,然后提煉到自己的筆記里。遇到難點時,我會詢問列表里的大神,是否在工作中也是這個做法.得到答案. 整理以后,可以用自己的話描述出這些知識點. 在講的過程中,就會發現自己的話有瑕疵,就會去尋找正確的說法,不斷修正自己。最后的最后,第二階段的學習也給我帶來了不少的收獲,查漏補缺,溫故知新。繼續加油!!!
HTML web前端
版權聲明:本文內容由網絡用戶投稿,版權歸原作者所有,本站不擁有其著作權,亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容,請聯系我們jiasou666@gmail.com 處理,核實后本網站將在24小時內刪除侵權內容。