來自github

開始之前

注冊開發者：//mp.weixin.qq.com 
下載開發工具：//mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html 
下載官方體驗小程序源碼：//mp.weixin.qq.com/debug/wxadoc/dev/ 
用開發工具添加體驗小程序，體驗 
官方簡易教程：//mp.weixin.qq.com/debug/wxadoc/dev/ 
組件庫：//mp.weixin.qq.com/debug/wxadoc/dev/component/

常見問題及解決方案

本地緩存storage,類似(si)localStorage，可以存取(qu)改刪 String/Object

• 頁面跳轉及傳值

1. <navigator url="../detail/detail?name={{item.name}}"></navigator>

跨頁面通信，發(fa)現一個方案是：//github.com/danneyyang/weapp-event

• 組件化

  如模版：header.wxml

1. <template name="header"> <view class="page-header"> <text class="page-header-text">{{title}}</text> <view class="page-header-line"></view> </view> </template>

如何使用？

1. <template is="header" data="{{title: 'start/stopRecord、play/pause/stopVoice'}}"/>

• 如何請求http數據？

方法(fa)：開發者工具-點(dian)擊項目-勾選(xuan)開發環境不(bu)校驗請求域名及TLS版本；

• Page 內部方法如何調用？方法：this.fn()，例如：

1. fn:function () {
2. console.log("fn");
3. },
4. onReady: function () {
5. var that = this;
6. //that = this;
7. that.fn();
8. }

• 底部tabBar菜單欄顯示不出來 解決方法：pages先后順序配置正確，依次是第一個tabBar的路徑，第二個tabBar的路徑。。app頁面的路徑，例如：

1. {
2. "pages":[
3. "pages/week/index",
4. "pages/mine/index",
5. "pages/index/index"
6. ],
7. "window":{
8. "backgroundTextStyle":"light",
9. "navigationBarBackgroundColor": "#FC3D39",
10. "navigationBarTitleText": "title",
11. "navigationBarTextStyle":"white"
12. },
13. "tabBar": {
14. "color": "#9a9a9a",
15. "selectedColor": "#FC3D39",
16. "borderStyle": "black",
17. "backgroundColor": "#ffffff",
18. "list": [{
19. "pagePath": "pages/week/index",
20. "iconPath": "image/calendar.png",
21. "selectedIconPath": "image/calendar2.png",
22. "text": "first"
23. }, {
24. "pagePath": "pages/mine/index",
25. "iconPath": "image/mine.png",
26. "selectedIconPath": "image/mine2.png",
27. "text": "second"
28. }]
29. }
30. }