前端開發第二階段知識點回顧總結

      網友投稿 773 2022-05-30

      大前端開發第二階段總體來說可以分為三個板塊: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 元素用于圖形的繪制,通過腳本 (通常是JavaScript)來完成. 標簽只是圖形容器,你必須使用腳本來繪制圖形。你可以通過多種方法使用 canvas 繪制路徑,盒、圓、字符以及添加圖像。

      一個畫布在網頁中是一個矩形框,通過 元素來繪制.

      拖放

      拖放是一種常見的特性,即抓取對象以后拖到另一個位置。

      在 HTML5 中,拖放是標準的一部分,任何元素都能夠拖放。

      視頻

      HTML5 規定了一種通過 video 元素來包含視頻的標準方法。

      標簽之間插入的內容是提供給不支持 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小時內刪除侵權內容。

      上一篇:Qcon全國軟件開發大會會議快報
      下一篇:人臉識別中的rank-n
      相關文章
      亚洲一区二区三区高清在线观看 | 亚洲午夜久久久久久久久电影网| 激情五月亚洲色图| 亚洲va无码va在线va天堂| 最新国产AV无码专区亚洲| 亚洲欧洲国产成人综合在线观看 | 亚洲阿v天堂在线2017免费| 亚洲欧美日韩自偷自拍| 亚洲中文字幕乱码一区| 亚洲欧美日韩一区二区三区在线| 亚洲女女女同性video| 久久精品国产亚洲AV久| 亚洲色大网站WWW永久网站| 亚洲情A成黄在线观看动漫软件 | 亚洲色大成网站www久久九| 亚洲男同gay片| 亚洲AV无码男人的天堂| 亚洲aⅴ天堂av天堂无码麻豆| 狼人大香伊蕉国产WWW亚洲| 亚洲不卡AV影片在线播放| 中文字幕亚洲电影| 亚洲国产精品成人久久| 久久久亚洲欧洲日产国码二区| 亚洲综合男人的天堂色婷婷| 亚洲人成日本在线观看| 亚洲熟妇自偷自拍另欧美| 豆国产96在线|亚洲| 毛茸茸bbw亚洲人| 亚洲av色福利天堂| 亚洲国产亚洲综合在线尤物| 亚洲综合一区二区三区四区五区 | 亚洲综合自拍成人| 亚洲影视自拍揄拍愉拍| 亚洲精华国产精华精华液| 亚洲精品国产高清嫩草影院| 亚洲精品无码成人AAA片| 91大神亚洲影视在线| 久久精品国产亚洲av麻豆图片| 亚洲精华液一二三产区| 久久久久亚洲精品男人的天堂| 亚洲VA中文字幕无码毛片|