微信小程序开发经验总结(一)

微信小程序开发经验总结

微信小程序开发经验总结(一)
微信小程序开发经验总结(二)
微信小程序开发经验总结(三)
微信小程序开发经验总结(四)
微信小程序开发经验总结(五)
微信小程序开发经验总结(六)
微信小程序开发经验总结(七)

从Android 转到微信小程序开发已经快两个月了, 第一个项目是将线上原生APP转成小程序,已经上线了。现在正在做第二个项目。期间踩过了不少坑,从小白到可以自定义了一些控件,多少有点经验可谈。整理了一下笔记,希望能给微信小程序的小伙伴们提供一下建议。因为小程序跟网页前端很像,如果有学过HTML+CSS+JS,感觉更容易上手一点。

1. 入门请先阅读官方文档

  • 要入门的小伙伴可以看官方文档,入门首选 https://mp.weixin.qq.com/debug/wxadoc/dev/

2. app.json 配置

  • 不能有注释

  • pages

    "pages": [
    "pages/index/index",
    "pages/logs/index"
    ],

    数组的第一项代表小程序的初始页面。小程序中新增/减少页面,都需要对 pages 数组进行修改。

  • tabBar

    "tabBar": {
    list[
            {
                "pagePath": "pages/third/third",
            "text": "权限",
            "iconPath": "res/icon_home_permission_manager_off.png",//默认根目录
            "selectedIconPath": "res/icon_home_permission_manager.png"//默认根目录
            }
    ],
    }

    list其中一项的pagePath 要有pages[第一个page] , 否则不显示.

  • windows

    "window": {
      "backgroundTextStyle": "light", //
      "navigationBarBackgroundColor": "#000", //标题栏背景
      "navigationBarTitleText": "我的第一个小程序", //标题
      "navigationBarTextStyle": "white",  //标题黑白
      "backgroundColor": "#000000",   //背景
      "enablePullDownRefresh": true  //是否下拉刷新
    }

3. app.js

  • 通过 getApp() 获取实例之后,不要私自调用生命周期函数。

  • 不要在 onLaunch 的时候调用 getCurrentPages(),此时 page 还没有生成。

  • 不要在定义于 App() 内的函数中调用 getApp() ,使用 this 就可以拿到 app 实例。

  • App() 必须在 app.js 中注册,且不能注册多个

    //获取应用实例
    const app = getApp()

你可能感兴趣的:(微信小程序,tabBar,windows,pages,app-json,微信小程序)