[移动开发]小程序常见问题集合0

---- 作者：RagamuffinNetworks / E

一.小程序项目组织

1. 为了便于npm依赖的安装以及git的组织,可以在初始项目结构的外层再包一层目录,但需要将project.config.json配置文件中的miniprogramRoot项的值改为 "小程序所在目录/" (以下以miniprogram/ 为例),否则小程序IDE无法识别项目

   

   

2. 在外层使用npm安装依赖,会生成node_modules目录

   

3. 使用小程序IDE构建npm功能后,miniprogram/目录下会生成miniprogram_npm目录包含构建后的项目第三方依赖

   

   

4. 直接在项目中使用require("依赖名")即可成功引入

   

二.小程序需要与服务器通信时需要注意的事项

? ? ?1.?域名只支持 https和 wss协议?

? ? ?2. 域名不能使用 IP 地址或 localhost

? ? ?3. 可以配置端口，但配置后只能访问配置过的端口，不加端口也不行，因为不加端口默认80

? ? ?4. 推荐流程：开发者应将 AppSecret 保存到后台服务器中，通过服务器使用 getAccessToken? ? ? ? ? ? ?接口获取 access_token，并调用相关 API

? ? ?5. 上述内容深入可参考官网：网络 | 微信开放文档

三.获取频繁使用位置信息时的注意实现

1. 小程序需要获取位置信息时需要向用户请求权限

2. 不需要在小程序运行在后台时获取位置信息时,使用wx.startLocationUpdate;需要运行在后台时获取位置信息时使用wx.startLocationUpdateBackground

3. wx.onLocationChange一定要放在wx.startLocationUpdateBackground或wx.startLocationUpdate的success回调中使用

    wx.startLocationUpdate({
      success: (res) => {
         console.log(res);
         wx.onLocationChange(_locationChangeFn)
      },
      fail: (err) => {
         console.log('获取当前位置失败', err)
      }
    })

4. 希望在小程序运行在后台时获取位置信息时,需要在app.json配置文件中添加配置

   "requiredBackgroundModes": [
    ? ?"location"
    ]

5. 停止使用获取位置信息权限时使用wx.stopLocationUpdate(例如业务登出的时候需要使用)

6. 若用户第一次没有同意授权(使用getSetting接口可以检测到是否同意授权)，则可以调用openSetting接口将用户导向授权页面开启权限

四.关于页面跳转

1. 使用wx.switchTab跳转到的页面无法用wx.navigateBack返回

五.onLoad和onShow

1. onLoad:页面被创建时调用,而非展示时调用

2. onShow:页面每次显示会调用(包括从别的页面返回和小程序退行到后台后重新回到前台)

六.Date构造函数传参问题

1. 当传入参数为字符串时,需要注意连接符问题(例如安卓系统使用'-'和'.'均可,而ios系统不可以使用'.'作连接符,否则无法正常创建Date对象

   let date = new Date('2020.01.03')
   this.setData({
       showTime: `${date.getFullYear()}-${date.getMonth()}`
   })
   //安卓系统显示2020-1
   //ios系统显示NaN-NaN

七.元素尺寸单位问题

1. 由于每种机型的像素比不同,所以不可以使用px作为尺寸单位

2. 推荐使用rpx作为单位。(rpx:可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。)

八.<text>标签

1. <text>标签是唯一可以长按选中文本的标签。

2. <text>组件内嵌的 <text> style 设置可能不会生效。

3. <text>多层嵌套时,内层的<text>无法绑定事件。

4. <!--示例-->
   <text>
       哈哈哈哈
       <text bindtap="ontab">吼吼吼</text>
       <!--bindtap="ontab"会失效-->
   </text>

九.<input>标签的password控制

1. input标签作为密码框使用时(即type="password"),如果希望显示密码,不应该切换type属性的值,而是需要添加password属性(值为boolean类型),切换其值即可

   <input password="{{passwordShow}}" />