1. 程式人生 > >從android 看微信小程式

從android 看微信小程式

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 思維方式