从android 看微信小程序

1、概述

微信小程序 公测出来也2周多点了。注册了开发者,了解了下。感觉和移动端的理念差不多。 自己是做android开发的,所以从android的角度了解下

2、web前端的编程方式

不可否认的是微信小程序的 架构是 B-S的架构。 写完代码上传,就可以用了。
编程语言用的也是解释性的语言 js,
界面布局是扩展的 xml 布局( 微信叫他为wxml)。这点和android的布局方式很像
界面元素样式用的是修饰过得css (微信叫他wxss)。
配置文件用 json
从android 看微信小程序_第1张图片

如果有人要把微信小程序 当成的是限制版的 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 思维方式

你可能感兴趣的:(微信小程序)