這是小程式基礎系列的第一節內容,我們要的就是基礎,簡單就入門了小程式,讓前端小白都能知道小程式到底是怎麼運作的。
如果你是前端小白或有基礎想學小程式,請過來看看。如果你已經掌握了小程式基礎知識,那麼這個系列可能不適合你。
學習目標:
01、小程式的使用趨勢01、小程式的使用趨勢我先給大家看看下面兩張圖02、什麼是mvvm
03、小程式的優勢
04、小程式的應用場景
如果在pc端,檢視切換用a標籤或者window.location.href跳轉還是常規操作,如果是在移動端,這就尷尬了,一直在loading…
如果移動端頻繁的這樣a標籤跳轉,使用者體驗將會是有多差,不知道你願不願意這樣等待,反正我是不願意等,其次,當使用者輸入內容的時候,ajax請求後需要重新整理資料,此時的做法只能是重新整理頁面才能達到重新整理資料的效果,並不能做到只更新資料而不重新整理檢視。
這些互動和體驗上的不足,難道就沒有方法可以解決了嗎? 現在方法來了,使用小程式開發就可以解決這些問題。
02、什麼是mvvm
mvvm就是:view—viewmodel—model三部分組成
左側的view就是頁面dom檢視,右側的model就相當於資料物件
資料物件資訊例如:
中間的viewmodel監控著就監控著資料的變化,如果你在model層把name值改為mr.chen,那麼相對應的view層的mr.zhang也隨即變成了「mr.chen」,這個過程就由viewmodel來完成,整個過程不需要你重新整理檢視,只需要改變資料就可以了。
(是不是感覺很方便呢?再也不用操作dom了。)
為什麼在這裡說到mvvm呢?因為小程式的本質也是mvvm框架。
(拓展一下:屬於mvvm框架的還有vue.js,react.js,angular.js)
03、小程式的優勢
04、小程式的應用場景
如果你長期使用jquery頻繁操作dom來更新頁面,那麼你可以用小程式來解放你的dom操作了。(不操作dom,只運算元據)
如果你的專案中有多個部分都是相同的,可以用js進行封裝成乙個元件,那麼你可以用小程式元件化和模組化來試試了。(元件化和模組化)
05、本節小結
小程式的開發則有所不同,需要經過申請小程式帳號、安裝小程式開發者工具、配置專案等等過程方可完成。
作業系統 第一節 什麼是作業系統
作業系統是計算機硬體和應用之間的一層軟體 作業系統方便我們使用硬體,如使用視訊記憶體 作業系統高效的使用硬體,如開啟多個終端 視窗 作業系統管理的硬體 cpu管理,記憶體管理,終端管理,磁碟管理,檔案管理,網路管理,電源管理,多核管理,前5個是重點與基礎 學習作業系統可以有很多層次 1,從應用軟體出...
Web框架的發展趨勢《第一節 什麼是Web》
第一節 什麼是web 本文主角是web,全稱為world wide web 縮寫www,中文稱全球資訊網 簡單說,web是一種應用體系結構,它通過瀏覽器 指特定的指令碼分析應用軟體 可以訪問網路主機 通常指 上的鏈結文件 標準越來越多,不過xml 語意化是王道 web2.0有人說是炒概念,有人說是革...
VR學習第一節 VR是什麼?VR AR的區別
1.vr是什麼?vr是利用電腦模擬產生乙個三維空間的虛擬世界,提供使用者關於視覺 聽覺 觸覺等感官的模擬,讓使用者如同身臨其境一般。2.vr與ar mr cr區別 增強現實 augmented reality,簡稱ar 被稱為混合現實。它通過電腦技術,將虛擬的資訊應用到真實世界,虛擬的物體實時疊加到...