最火的小程式開發需要什麼知識,你造麼?抓緊看過來

千鋒HTML5學院發表於2019-09-17

  要弄清楚什麼小程式開發需要什麼知識,需要先知道什麼是小程式。小程式我們一般指的是微信小程式,英文名Mini Program,也被稱為微信應用號,不同於微信訂閱號或公眾號,微信小程式被賦予了應用程式的能力,它是一種不需要下載安裝即可使用的應用,它實現了應用觸手可及的夢想,使用者掃一掃或搜一下即可開啟應用;也體現了用完即走的理念,使用者不再需要關心是否安裝太多應用的問題。應用將無處不在,隨時隨地可用,無需解除安裝。

   41a44435c60046cd9f0ae332f4a2550f.png

  我們在上面圈住幾個關鍵詞小,應用,不需下載安裝,一個小字證明其功能是精煉的,應用代表它的方向,而不需下載安裝有沒有想過我們瀏覽網頁就有這個特性,所以小程式其實就是在微信開啟的一個像網頁的一門應用技術。

  既然是像網頁的一門應用技術,那就是網頁要學的技術小程式都要具備,那就是回應題主的問題,小程式開發需要什麼知識?

  答:網頁技術,在網頁中,我們主要開發語言是 JavaScript,同樣小程式的主要開發語言是 JavaScript ,小程式的開發同普通的網頁開發相比有很大的相似性。對於前端開發者而言,從網頁開發遷移到小程式的開發成本並不高,但是二者還是有些許區別的。比如在網頁中,頁面的效果是由 HTML 和 CSS配合實現的,而在微信小程式裡面是檢視效果由 WXML 與 WXSS 編寫,這兩者差別不大就是字首有點差別而已,當然裡面的標籤會跟瀏覽器的原生標籤有所區別比如:

<!--  小程式 -->

<view>  {{message}} </view>

<!--  網頁 -->

<div>  {{message}} </div>

<!--  小程式 -->

<text>  {{message}} </text>

<!--  網頁 -->

<p>  {{message}} </p>

除了這些裡面的語法基本雷同。

JavaScript  部分,跟網頁 JavaScript 也是非常相似,不過微信小程式賦予了網頁端一些沒有的內建方法(API),比如呼叫微信的攝像頭,相簿,使用者資訊和定位等。因為小程式執行的環境是微信,所以可以藉助微信獲取更多的資訊。

wx.getLocation({

type:  'gcj02', //返回可以用於wx.openLocation的經緯度

success  (res) {

const  latitude = res.latitude

const  longitude = res.longitude

wx.openLocation({

latitude,

longitude,

scale:  18

})

}

})

  除了上面的知識以外網頁開發者需要面對的環境是各式各樣的瀏覽器,PC 端需要面對 IE、Chrome、QQ瀏覽器等,在移動端需要面對Safari、Chrome以及 iOS、Android 系統中的各式 WebView 。而小程式開發過程中需要面對的是兩大作業系統 iOS 和 Android 的微信客戶端,以及用於輔助開發的小程式開發者工具。所以如果網頁中如何運用的開發工具都可以無縫相容到微信小程式的開發習慣中。


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69917019/viewspace-2657252/,如需轉載,請註明出處,否則將追究法律責任。

相關文章