小程序知识点

一  app.json 常用配置

 

{

    // 官网地址  https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#subpackages

    "entryPagePath":"string", // 小程序默认启动页

    "pages":"string[]",//页面路径列表

    "window":"Object",// 全局默认窗口表现

    "tabBar":"Object",//底部tab栏的表现

    "networkTimeout":"Object",// 各类请求超时时间

    "subpackages":[ // Object[] 分包结构配置  再根目录下建 editPackage managePackage 文件夹

        {

            "root":"editPackage",

            "pages":[

                "pages/portrait/index",

            ]

        },

        {

            "root":"managePackage",

            "pages":[

                "pages/portrait/index",

            ]

        }

    ],

    "preloadRule":"Object",//分包预下载规则

    "usingComponents":"Object",// 全局自定义组件配置

    "permission": { //小程序接口权限相关配置

        "scope.userLocation": {

          "desc": "你的位置信息将用于小程序位置展示"

        }

    },

    "sitemapLocation":"string",// 指明 sitemap.json 的位置；默认为 'sitemap.json' 即在 app.json 同级目录下名字的 sitemap.json 文件

    "style": "v2",// 启用新版组件样式

    "useExtendedLib":{  // 指定需要引入的组件库

        "weui": true // kbone: 多端开发框架   weui: WeUI 组件库

    },

    "darkmode":true, // 开启黑夜模式

    "themeLocation":"string" // 黑夜模式的配置地址

}

 

二. 兼容苹果X 的 padding-bottom

.bottomPlus {

    padding-bottom: calc(110rpx + constant(safe-area-inset-bottom));

    padding-bottom: calc(110rpx + env(safe-area-inset-bottom));

}

 

三 。小程序分享函数

onShareAppMessage:function(e){

    return {

        title:"",

        path:"",

        imageUrl:"",

        promise:"",//如果该参数存在，则以 resolve 结果为准，如果三秒内不 resolve，分享会使用上面传入的默认参数

    }

}

 

三 。跳转小程序

wx.navigateToMiniProgram({

              appId:_item.app_id,

              path: `/pages/initPage/initPage?type=card&id=${_item.user_id}`,

              success(res) {

                // 打开成功

              }

        })

四。 返回确认函数 （常用与form表单的编辑）

    initBackConfirmation(backConfirmFlag) {

        this.setData({

          backConfirmFlag

        })

        

        if (this.data.backConfirmFlag == true) {

          wx.enableAlertBeforeUnload({

            message: '你编辑的信息还未保存，确定放弃编辑吗？',

            success(res) {},

            complete(complete) {}

          })

        }else{

            wx.disableAlertBeforeUnload()

        }

    },

　注意：在ondide中记得要调用   wx.disableAlertBeforeUnload()

 

五。 子组件 父组件

Component({

    properties:{

        min: {

            type: Number, // 类型

            value: 0, // 默认值

            observer: function(newVal, oldVal) {

              // 属性值变化时执行

            }

          },

    },

    methods: {

        myBehaviorMethod: function(){

            _this.triggerEvent('getDrawImageUrl', res.tempFilePath);

            // 类似于 vue this.$emit("aaa",{})

        }

    }

})

父组件

<poster id="poster"  bind:getDrawImageUrl="getDrawImageUrl" />

this.poster = this.selectComponent('#poster');  //类似于vue refs

this.poster.drawStart()