LC

小程序随记

 
  • 2021年 07月01日
  • 0 阅读

小程序随记. :ghost: :ghost: :ghost:

时常注意事项

  1. 小程序的代码书写受限于自身的限制，非常不雅观，但也要尽量写好一点。
  2. 老生常谈：公共逻辑或者业务尽量抽离成一个组件，不要 CV。
  3. 页面 data 应只包括渲染相关的数据，其他变量放到 data 外。
  4. 对连续的 setData 调用尽可能的进行合并。
  5. 布局上尽量使用 flex 布局,这样更好适配各种机型。
  6. 在状态共享上,跨多个页面的情况下使用 Storage,很好用,但也要记得清除。
  7. 页面的传值除了使用 query 外,也可以使用事件监听。

`` // 通过 eventChannel 向被打开页面传送数据

res.eventChannel.emit('letterPage', { data: letterObj })

//接收数据页面使用eventChannel.on监听事件

eventChannel.on('letterPage', function(res) {

if(!res.data.isModel){

    res.data.modelContent = null

}

let contentarr = that.splitArr(res.data.content)

})

``

  • 多使用自定义属性 data-shuxing,方便各传值。
  • 小程序的分包就是把原始 page 等文件夹内的文件抽离出来,再创建一个包含 api,component,page 的文件夹。
  • 主包过大无法预览时,可在本地设置中调高体积上限为 4M。

遇到的

  1. Date 时间对象在转换为时间戳时,IOS 系统无法识别 2022-11-02 16-14-05 这种时间格式,需要转换为 2022/11/02 16/14/05,Andorid 系统都能识别。
  2. wx.navigateTo({})有时不能跳转需要配合 wx.reLaunch({})使用。
  3. 内置地图 map 组件使用 iconpath 就可以最快换显示图标,有宽高可以直接设置图标大写。
  4. 判断太多也没办法,只能使用 if(!isShow) return 来节流。

If you like TeXt, don’t forget to give me a star. :star2:

搜索