從android 看微信小程式
阿新 • • 發佈:2019-02-10
1、概述
微信小程式 公測出來也2周多點了。註冊了開發者,瞭解了下。感覺和移動端的理念差不多。 自己是做android開發的,所以從android的角度瞭解下
2、web前端的程式設計方式
不可否認的是微信小程式的 架構是 B-S的架構。 寫完程式碼上傳,就可以用了。
程式語言用的也是解釋性的語言 js,
介面佈局是擴充套件的 xml 佈局( 微信叫他為wxml)。這點和android的佈局方式很像
介面元素樣式用的是修飾過得css (微信叫他wxss)。
配置檔案用 json
如果有人要把微信小程式 當成的是限制版的 h5 使用。 也是可有的。
只是佈局不在 用html, 用了更精簡的xml
3、client 的思維方式
微信小程式 雖然原理上是 B-s 架構。但是對於開發者來說是 C-S架構的思維。
服務端不能直接渲染介面, 必須要js 語言自己發出請求,處理請求回來的資料,拿著資料進行渲染。 並且可以做資料儲存到本地操作,雖然有大小限制。 –這個就是典型的客戶端思維了。
4、生命期的概念
微信小程式裡 介面是有生命期這麼一說的。 這點上和移動app 的開發上是一致的 也是認為和android 很類比的重要一點
// 建立頁面例項物件
Page({
/**
* 頁面名稱
*/
name: "WeUI_Panel",
/**
* 頁面的初始資料
*/
data: {
},
/**
* 生命週期函式--監聽頁面載入
*/
onLoad () {
// 註冊coolsite360互動模組
coolsite360.register(this);
},
/**
* 生命週期函式--監聽頁面初次渲染完成
*/
onReady () {
},
/**
* 生命週期函式--監聽頁面顯示
*/
onShow () {
},
/**
* 生命週期函式--監聽頁面隱藏
*/
onHide () {
},
/**
* 生命週期函式--監聽頁面解除安裝
*/
onUnload () {
},
/**
* 頁面相關事件處理函式--監聽使用者下拉動作
*/
onPullDownRefresh () {
},
//以下為自定義點選事件
})
5、需要的知識儲備
javascript
css
client 思維方式