微信小程序開發快速入手

1.在page中的修改數據的setData函數，須要傳遞的是一個對象。

that.setData({

 src: res.tempFilePath

 })

2.在 onload 事件中，能夠獲取wx.navigateTo傳遞過來的參數

主頁面

url = '../detail/detail?id=' + id;

 wx.navigateTo({

     url: url

    })

子頁面

​onLoad:function(options){

    // 頁面初始化 options爲頁面跳轉所帶來的參數

    this.fetchData(options);

   }

頁面跳轉上面是經過api實現的，還有一種是經過指令來實現的

<navigator url="navigate?title=navigate" hover-class="navigator-hover">跳轉到新頁面</navigator> 

<navigator url="redirect?title=redirect" redirect hover-class="other-navigator-hover">在當前頁打開</navigator>

3.引入模塊須要以下

var Api = require('../../utils/api.js') 攜帶文件後綴.js

4.目前和後端的數據接口，主要是JSON數據，不支持直接用html片斷，構造視圖。

5.每增長一個頁面，都須要在app.json的pages數組進行配置，不然沒法路由沒法找到該頁面

6.頁面佈局能夠優選 flex佈局，很是適合。

7.快速搭建小應用的腳手架

安裝

// 安裝咱們的命令 

//mac sudo npm i -g wxapp

 // window npm i -g wxapp

使用

// 初始化一個目錄結構

 wxapp init [project_name] 

// 如 wxapp init first-wxapp

DEV

npm run dev // 默認啓用了ES6模式

npm run dev-es5 // 不啓用ES6模式

接着咱們只須要打開微信開發者工具，添加項目，那個項目目錄指向爲dist目錄便可。