文档章节

微信小程序开发入门基础

第九程序
 第九程序
发布于 2017/05/03 10:36
字数 366
阅读 82
收藏 2

微信小程序开发入门基础

 

开始之前

注册开发者: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. }

© 著作权归作者所有

共有 人打赏支持
第九程序
粉丝 85
博文 142
码字总数 172691
作品 0
厦门
程序员
私信 提问
加载中

评论(1)

9
92年的java
http://www.jujingyun.com 北京网站建设
http://www.shjuntang.com 上海装潢
前端资源系列(3)-微信小程序开发资源汇总

微信(小程序or应用号)开发资源汇总-文档-工具-教程-代码-插件-组件 文档 从搭建一个微信小程序开始 小程序开发文档 小程序设计指南 工具 小程序开发者工具 - 官方 Egret Wing 3.2.x 支持微信...

xzavier
2018/08/27
0
0
微信小程序开发框架从入门到放弃

用框架是不可能用框架的,这辈子都不可能用框架。 微信小程序上手成本低,开发成本低,流量红利,推广成本低等等,很多公司的创业项目都会首选小程序来试水,小程序开发太火爆了,苦逼了前端工...

Runner羊
2018/07/24
0
0
小程序 大假期,技术猿国庆假期的正确打开方式…

明天(10月1日)就是国庆黄金7天假了。作为技术猿,除了美美的睡一觉好像也没啥别的事了。与其窝在家里玩手机刷朋友圈,不如做个小程序玩玩。 微信小程序开发正当时,没有内测资格不要紧。这...

凝小紫
2016/09/30
5.7K
11
云+社区技术沙龙 - 微信小程序敏捷开发实战(上海站)

从微信的诞生,到微信公众号、微信支付,再到小程序,腾讯生态在一次又一次影响用户行为习惯的同时,也为开发者提供了新的思路和技能发展方向。无可置疑,微信小程序开发浪潮已经来临,也将在...

极客邦Geekbang_Event
2018/04/15
1
0
编程微刊第四期文章汇总(2018.4)

编程微刊创立也有一段时间了,在此感谢一直关注我的小伙伴们,你们的关注和支持,是我每天不断更新的动力,我每个月会总结一期微刊,方便大家的阅读。 1. 推荐文章 这个时代,抛弃你的时候,...

祈澈姑娘
2018/05/04
0
0

没有更多内容

加载失败,请刷新页面

加载更多

多表查询

第1章 多表关系实战 1.1 实战1:省和市  方案1:多张表,一对多  方案2:一张表,自关联一对多 1.2 实战2:用户和角色 (比如演员和扮演人物)  多对多关系 1.3 实战3:角色和权限 (比如...

stars永恒
今天
6
0
求推广,德邦快递坑人!!!!

完全没想好怎么来吐槽自己这次苦逼的德邦物流过程了,只好来记一个流水账。 从寄快递开始: 2019年1月15日从 德邦物流 微信小app上下单,截图如下: 可笑的是什么,我预约的是17号上门收件,...

o0无忧亦无怖
昨天
6
0
Mac Vim配置

1.升级 vim   我自己 MacBook Pro 的系统还是 10.11 ,其自带的 vim 版本为 7.3 ,我们将其升至最新版: 使用 homebrew : brew install vim --with-lua --with-override-system-vim 这将下...

Pasenger
昨天
8
0
vmware安装Ubuntu上不了网?上网了安装不了net-tools,无法执行ifconfig?

1.重新设置网络适配器还是不行,如下指定nat 2.还需要指定共享网络,我是在无线环境下 3.无法执行ifconfig https://packages.ubuntu.com/bionic/net-tools到这个网站下载net-tools的deb文件...

noob_chr
昨天
4
0
解决SVN:E210007无法协商认证机制

svn:E210007 svn: Cannot negotiate authentication mechanism 执行下面代码即可 sudo yum install cyrus-sasl cyrus-sasl-plain cyrus-sasl-ldap...

临江仙卜算子
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部