小程序模板網(wǎng)

github精選:微信小程序開發(fā)簡要

發(fā)布時間:2018-04-18 09:48 所屬欄目:小程序開發(fā)教程

來自github

 

開始之前

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

 

常見問題及解決方案

本地緩存storage,類似localStorage,可以存取改刪 String/Object

  • 頁面跳轉(zhuǎn)及傳值
 

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

跨頁面通信,發(fā)現(xiàn)一個方案是:https://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數(shù)據(jù)?

方法:開發(fā)者工具-點擊項目-勾選開發(fā)環(huán)境不校驗請求域名及TLS版本;

  • Page 內(nèi)部方法如何調(diào)用?方法: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. }


易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://22321a.com/wxmini/doc/course/23620.html 復制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點擊咨詢
QQ在線咨詢