小程序入门基础知识

app.js


    App()函数用来注册一个小程序,接受Object(对象)类型的参数
其中onLaunch()会在打开应用时执行。
    object参数说明:
        onLaunch Function 生命周期函数--监听小程序初始化 
        当小程序初始化完成时,会触发onLaunch(全局只会出发一次)
        
        onshow Function 生命周期函数--监听小程序显示
        当小程序启动,或从后台进入前台显示,会出发onShow(比如类似银行的移动端,从后台进入会提示输入手势密码)
        
        onHide Function 生命周期函数--监听小程序隐藏
        当小程序从前台进入后台,会触发onHide
        
        其他 Any 开发者可以添加任意的函数或数据到Object参数中,用this可以访问
        

app.json


    json数据格式,包裹在一个大括号中{},通过key-value的方式来表达数据
    key必选包裹在一个双引号中(双引号写成单引号,没有加都会报错)
    只能是以下几种数据格式
        数字,包含浮点数和整数
        字符串,需要包裹在双引号中
        Bool值,true或false
        数组,需要包裹在方括号中[]
        对象,需要包裹在大括号中{}
        Null
        其他任何格式都会报错(比如JavaScript中的Undefined)
    JSON文件中不能加注释
    
    "pages":[]--注册页面
        "pages":[
            "pages/index/index",
            "pages/logs/logs"
        ]
    
    "window":{}--窗口
        "window":{
            "backgroundTextStyle":"light",
            "navigationBarBackgroundColor":"#fff",
            "navigationBarTitleText":"WeChat",
            "navigationBarTextStyle":"black",
            "enablePullDownRefresh":true(允许下拉刷新-true;不允许下拉刷新-false)
        }
        
    "tarBar":{}--标签栏(至少两个)
        "tabBar": {
        "color": "#cdcdcd",(list里面text属性字体--默认)
        "selectedColor": "#1296db",(list里面text属性字体--选中)
        "backgroundColor": "#fff",(标签栏的背景颜色)
        "borderStyle": "white",(标签栏上边框颜色)
        "list": [{
          "pagePath": "pages/index/index",
          "text": "首页",
          "iconPath": "imgs/home.png",
          "selectedIconPath": "imgs/home_selected.png"
        },{
          "pagePath":"pages/index/index",
          "text":"日志",
          "iconPath":"imgs/log.png",
          "selectedIconPath": "imgs/log_selected.png"
        }]
    }
    
    "networkTimeout":{}--请求超时设置
        "networkTimeout": {
            "request": 20000,
            "connectSocket": 20000,
            "uploadFile": 20000,
            "downloadFile": 20000
        }
        
    "debug":true或false--控制台调试信息
    
注意:根目录下的app.json,app.js,app.wxss定义的都是全局的;
      自己定义的这些文件引用优先级高会覆盖app里面定义的

Page()


    这个函数用来注册一个页面。接受一个Object参数,其指定页面的初始数据、生命周期函数、事件处理函数等。
    Object参数说明:
        data-Object 页面的初始数据
        onLoad-Function 生命周期函数--监听页面加载
        onRead-Function 生命周期函数--监听页面初次渲染完成
        onshow-Function 生命周期函数--监听页面显示
        onHide-Function 生命周期函数--监听页面隐藏
        onUnload-Function 生命周期函数--监听页面卸载
        onPullDownRefreash Function 页面相关事件处理函数--监听用户下拉动作
        其他 Any 自定义函数--用this可以访问

猜你喜欢

转载自blog.csdn.net/CSDN_HELIU/article/details/83268287
今日推荐