微信小程序开发入门基础
微信小程序开发入门基础
第九程序 发表于1年前
微信小程序开发入门基础
  • 发表于 1年前
  • 阅读 74
  • 收藏 1
  • 点赞 0
  • 评论 0

移动开发云端新模式探索实践 >>>   

摘要: 微信小程序开发入门基础知识及技术

微信小程序开发入门基础

 

开始之前

注册开发者:https://mp.weixin.qq.com 
下载开发工具:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html 
下载官方体验小程序源码:https://mp.weixin.qq.com/debug/wxadoc/dev/ 
用开发工具添加体验小程序,体验 
官方简易教程:https://mp.weixin.qq.com/debug/wxadoc/dev/ 
组件库:https://mp.weixin.qq.com/debug/wxadoc/dev/component/

常见问题及解决方案

本地缓存storage,类似localStorage,可以存取改删 String/Object

  • 页面跳转及传值
 
  1. <navigator url="../detail/detail?name={{item.name}}"></navigator>

跨页面通信,发现一个方案是:

  • 组件化

    如模版: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数据?

方法:开发者工具-点击项目-勾选开发环境不校验请求域名及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. }
  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 81
博文 142
码字总数 172691
×
第九程序
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: