最近的一点点做微信小程序笔记

也想不起来什么，只能下次做的时候随手做笔记了，好记性不如烂笔头这句话真是一点儿都没错 :

动态改变标题

wx.setNavigationBarTitle({
  title: '标题1',
})

json 配置

{
    //配置工程目录
  "pages": [
    "pages/index/index",
    "pages/route/route",
    "pages/书写想要的路径/ 书写想要的名称 ",
    "pages/书写想要的路径/ 书写想要的名称 ",
    "pages/书写想要的路径/ 书写想要的名称 ",
    "pages/书写想要的路径/ 书写想要的名称 ",
    "pages/书写想要的路径/ 书写想要的名称 ",
    "pages/书写想要的路径/ 书写想要的名称 ",
  ],
  //标题样式
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "white",
    "navigationBarTitleText": "name",
    "navigationBarTextStyle": "black"
  },
  //小程序导航
  "tabBar": {
    "position": "bottom",
    "backgroundColor": "rgba(255,255,255,0.9)",
    "selectedColor": "#009A8B",
    "color":'#333',
    "list": [
      {
        "pagePath": "pages/index/index",
        "iconPath": "pages/img1/img1.png",
        "selectedIconPath": "pages/img2/img2.png",
        "text": "footername1"
      },
      {
        "pagePath": "pages/route/route",
        "iconPath": "pages/img1/img1.png",
        "selectedIconPath": "pages/img2/img2.png",
        "text": "footername2"
      }
    ]
  },
  //网络超时
  "networkTimeout": {
    "request": 10000,
    "downloadFile": 10000
  }
}

标题的下边框不能设置，所以只能给当前最大的标签设置内阴影，因为设置边框1px或1rpx在手机端显示看起来很粗

.main{
  box-shadow: 0 1px 0 0 #E2E2E2 inset;
}

获取微信用户信息并存储在本地

  wx.getSetting({
    success:function(res){
      //判断是否获取授权
      if (res.authSetting['scope.userInfo']){
        //获取用户信息
        wx.getUserInfo({
          success:function(res){
            wx.setStorageSync("key", res.userInfo)
          }
        })
      }
    }
  })

跳转页面需要带有返回按钮,但必须保存当前页面事件如下：

wx.navigateTo({
  url: 'test?id=1'
})

json设置如下:

{
  "navigationBarBackgroundColor": "#ffffff",
  "navigationBarTextStyle": "black",
  "navigationBarTitleText": "标题",
  "backgroundColor": "#eeeeee",
  "backgroundTextStyle": "light"
}

另外的话一些踩到的不算坑的坑吧

小程序不接受css的计算属性所以别写

页面的上边框反正我是没有设置上(也有可能是因为我菜…… -_-`)，只是依赖于使用内阴影实现

js事件能想到的一些，其实小程序都可以变相实现

例如:onShow 只要页面显示就会触发一次事件很适合在跳转页面以后再返回时触发

以下组件和 API (我没都看):

视图容器：视图(View)、滚动视图、Swiper

基础内容：图标、文本、进度条

表单组件：按钮、表单等等

导航

媒体组建：音频、图片、视频

地图(map)

画布(canvas)

网络：上传下载能力、WebSocket

数据：数据缓存能力

位置：获取位置、查看位置

设备：网络状态、系统信息、重力感应、罗盘

界面：设置导航条、导航、动画、绘图等等

开放接口：登录，包括签名加密，用户信息、微信支付、模板消息

最近的一点点做微信小程序笔记

推荐阅读更多精彩内容