文档章节

微信小程序开发入门基础

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

微信小程序开发入门基础

 

开始之前

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

© 著作权归作者所有

共有 人打赏支持
第九程序
粉丝 84
博文 142
码字总数 172691
作品 0
厦门
程序员
【值得收藏】微信小程序开发干货合集,快上车!

小程序的成功,让广大程序员早已不再纠结该不该学习小程序开发 ,但会纠结如何学习小程序开发,为帮助大家更好的学习小程序开发,特地整理一批相关学习资源,供大家交流学习! 近期优秀文章 ...

慕课网
08/10
0
0
前端资源系列(3)-微信小程序开发资源汇总

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

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

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

Runner羊
07/24
0
0
一大波编程视频资料赠送(亲自整理)

为了感恩大家长久以来的关注和支持,小编准备了一些福利,整理了包含前端,Java,产品经理,微信小程序,Python,网站源码,Android应用视频教程,微信公众平台开发教程及材料等资源合集大放...

祈澈姑娘
05/08
0
0
编程微刊第四期文章汇总(2018.4)

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

祈澈姑娘
05/04
0
0

没有更多内容

加载失败,请刷新页面

加载更多

jdk 1.8 在线文档

https://docs.oracle.com/javase/8/docs/api/

kuchawyz
8分钟前
1
0
python:有个叫strip的东西.....

strip.....脱.......呃,这个嘛,好吧,也许python的开发团队并不忌讳strip这个词的意思[] lstrip() >>> b' spacious '.lstrip()b'spacious '>>> b'www.example.com'.lstrip(b'cmowz......

Oh_really
21分钟前
0
0
Rails 用现代 Rails 逃离单页面应用 “兔子洞”

在工作共总是觉得turbolinks非常爽,但是却总是被说成是过时的技术,大家都喜欢spa,哪怕不用的spa的人也是禁用掉的多,找不到很好的理由劝说别人使用,这篇文章说的很到位,或者说至少是牛人...

wmzsonic
41分钟前
0
0
Hive 分布式搭建,Spark集成Hive记录

本帖详细介绍搭建步骤,仅仅记录自己搭建过程以及采坑经历。 前提环境: Hadoop集群 版本2.7.2 Spark集群 版本2.1.0 Linux版本 Centos7 准备搭建 MySql版本5.5.61 ,Hive-2.1.0 去官网下载M...

我爱春天的毛毛雨
44分钟前
3
0
打包QML程序

1、windeployqt执行路径(D:\Qt\5.12.0\msvc2017_64\bin)加入到PATH中 2、使用Qt自带的命令行交互 Command 终端(Qt 5.12.0 64-bit for Desktop (MSVC 2017))切换到 Release 编译成功的exe...

渣渣曦
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部