我們在上面圈住幾個關鍵詞小,應用,不需下載安裝,一個小字證明其功能是精煉的,應用代表它的方向,而不需下載安裝有沒有想過我們瀏覽網頁就有這個特性,所以小程式其實就是在微信開啟的一個像網頁的一門應用技術。
既然是像網頁的一門應用技術,那就是網頁要學的技術小程式都要具備,那就是回應題主的問題,小程式開發需要什麼知識?
答:網頁技術,在網頁中,我們主要開發語言是 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 的微信客戶端,以及用於輔助開發的小程式開發者工具。所以如果網頁中如何運用的開發工具都可以無縫相容到微信小程式的開發習慣中。