小程序细节

1、 静态资源,比如图片、通用的wxss放在哪里?

可以新建一个文件夹,比如assets,里面放文件夹image、wxss,这部分跟咱们开发vue项目一样,
pages里就相当于vue的views文件夹页面,同理组件也可以新建一个components的文件夹,组件我在后面再说。

2、小程序的tabbar怎么写?

在app.json 里的配置

"tabBar": {
    "color": "#333",
    "selectedColor": "#3E86FE",
    "borderStyle": "white", // 仅支持 black / white
    "list": [{ // list的length最少是2 ,最多是5
        "pagePath": "pages/home/home",
        "text": "首页",
        "iconPath": "assets/images/tabbar/home.png", // 推荐尺寸是40*40
        "selectedIconPath": "assets/images/tabbar/home-active.png"
      },
      {
        "pagePath": "pages/me/me",
        "text": "个人中心",
        "iconPath": "assets/images/tabbar/me.png",
        "selectedIconPath": "assets/images/tabbar/me-active.png"
      }
    ]
  },

用vant的tabber也可以写这个tabber,但是我个人不太建议完全用vant的tabber替代小程序自带的tabber。
首先,我说的是不建议完全替代,意思是可以二者结合,做出一些更优化的体验(但其实我个人没有用这二者结合过,我只是看到过这样的文章,所以不细谈怎么二者结合做出更好的效果了),所以不是说vant的tabber完全不能用,只是最好不要只用vant的tabber。
为啥说不建议完全用vant的tabber写呢?咱们有这样一种情况,如果你从A页面跳转到某个tab,在这个tab页返回,是可以返回到A页面的,比如从登录页面跳进首页,苹果左滑,安卓也有手势返回,一些安卓机也有物理返回键,这些返回还能返回登录页,这肯定不是我们所期望的,
当然如果你了解redirectTo方法,你可能会说,那我可以用redirectTo方法跳进首页啊,我不用navigateTo,那登录页面就会关闭,返回的话就不会返回回去了啊。但是如果你嵌套很深的跳转,就不好再用redirectTo处理了。
redirectTo方法的含义是:关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面

3、app.json里pages可以怎么配置?

pages : 就是每个页面,比如登录页、首页、个人中心等等

 "pages": [
    "pages/index/index", // 启动页  
    "pages/home/home", // 首页   第一个home是文件夹名,第二个home是文件名,也可以写成pages/home/index
    "pages/coach/coach", // 预约心理辅导
    "pages/coach/date/date", // 选择预约日期
    "pages/coach/time/time", // 选择预约时间
    "pages/coach/success/success", //  预约成功
    "pages/webview/webview" // 外链h5页面
  ],

小程序里,所有的json文件都不能有注释,会报错,也不能在json文件的最后一条写逗号 ,也会报错

4、怎么在小程序里自定义导航栏?

在对应的json文件里配置

  "navigationStyle":"custom",

5、怎么在小程序里用H5页面?

用web-view组件

6、怎么使用component

注意:在组件 wxss 中不应使用 ID 选择器、属性选择器和标签名选择器。

一些需要注意的细节
1、因为 WXML 节点标签名只能是小写字母、中划线和下划线的组合,所以自定义组件的标签名也只能包含这些字符。
2、自定义组件也是可以引用自定义组件的,引用方法类似于页面引用自定义组件的方式(使用 usingComponents 字段)。
3、自定义组件和页面所在项目根目录名不能以“wx-”为前缀,否则会报错。

7、怎么使用wx.request

先看链接,再看心理派小程序的代码

8、怎么使用wx.login

9、image

  1. tip:image组件默认宽度320px、高度240px
  2. tip:image组件中二维码/小程序码图片不支持长按识别。仅在 wx.previewImage 中支持长按识别
  3. tip:image组件进行缩放时,计算出来的宽高可能带有小数,在不同 webview 内核下渲染可能会被抹去小数部分

10、ad

11、分包

11、van-button 里的bindtap和bind:click

场景:登录时,登录按钮在未输入账号密码时禁用,但是使用bindtap竟然还能登录。

Button 提供的是 click 事件而不是原生 tap 事件,按钮禁用时,click 事件不会触发,tap 事件依然会触发。

所以这种情况要用bind:click ,而不是bindtap

你可能感兴趣的:(小程序细节)