微信小程序（1）

微信小程序（个人账号学习测试）

IDE下载链接
https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html

小程序官网有个demo项目，可以看看，挺好的。
https://mp.weixin.qq.com/debug/wxadoc/dev/demo.html

最近打算学习小程序，下面记录一下学习中遇到的问题：

1.项目导入

新建项目就不用说了，但如果是导入github的项目，如官网demo：
注意，导入时要选择解压缩之后文件夹内的目录（成功图）

如果直接选择外面的文件夹，就会报错，无法编译（失败图）

2.关于底部tabBar

https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html

我测试了一下:
1.text、iconPath、selectedIconPath三个都不写,底部没有内容，照样可以点击
2.只写text，没有下面图标
3.只写iconPath，没有下面文字和选中图标
4.只写selectedIconPath，没有下面文字和初始图标
5.只写iconPath和selectedIconPath，没有下面文字
等等，总结来说，就是三个都有的6才正常。。。

3.页面跳转（2种）

https://mp.weixin.qq.com/debug/wxadoc/dev/api/ui-navigate.html

？？？问题场景：

我想在主页加个按钮，点击跳转form表单页面，所以我加了navigateTo点击不起作用，原因是因为表单页面已经加载tabBar中了，不能再用navigateTo，而是要用switchTab

问：微信小程序点击 navigator ，页面不跳转

1、navigator 对应的 url 必须配置在app.json的pages中；
2、navigator 对应的 url 不能配置在”tabBar”的”list”里面了，否则无法跳转，因为tabBar的跳转需用switchTab进行；

1，在wxml页面中：

<navigator url="../index/index">跳转到新页面</navigator>
<navigator url="../index/index" open-type="redirect">在当前页打开</navigator>
<navigator url="../index/index" open-type="switchTab">切换到首页Tab</navigator>

2，在js页面中：

//事件处理函数
bindJump: function(){
    //保留当前页面，跳转到应用内的某个页面
    wx.navigateTo({
        url: '../form/form'
    }),
    //关闭当前页面，跳转到应用内的某个页面（重定向）
    wx.redirectTo({
        url: '../form/form'
    }),
    //------------跳转到tabBar页面，并关闭其他所有的tabBar页面（重要）------------------
    wx.switchTab({
        url: '../form/form'
    }),
    //返回上一页面或多级页面
    wx.navigateBack({
        delta: 1
    })
}