• 微信小程序入门2


    小程序的模板

    Template  定义template 可以在模板中定义代码片段,然后再不同的地方调用,使用name属性定义模板的名字。

    使用template 使用is属性,声明要使用的模板,然后将需要的数据从js的data传入。

    引用wxml的两种方式

    import:在该文件中使用目标文件定义的template。

    例:

    import的作用域:import只能引用目标文件的template,不能引用目标文件import引用的template

    include:include可以将文件除了template、wxs外的整个代码引入,相当于是拷贝到include的位置

    小程序的样式wxss

    wxss和web的css类似,不同的是wxss引用了新的尺寸单位,rpx可以适配不同的屏幕宽度,

    1rpx = 屏幕宽度 / 750px

    小程序中的wxss引入不同,@import  ‘./test.wxss’

    小程序中的样式选择器:类选择器,id选择器,元素选择器,伪元素选择器

    小程序渲染数据:

    在元素中用差值表达式{{msg}}绑定一个变量,在js中的data中定义这个属性初始值,

    改变data中的值:this.data.msg = 值,  注意:这样只会改变data中的值,不会改变渲染层

    改变渲染层数据:this.setData({msg:值})

    小程序中的通讯是多线程的

    页面构造器

    Page({  //页面

    data:{

    //存放数据

    },

    onLoad:function(options){

    //生命周期函数:监听页面加载    options接收传过来的值

    },

    onready:function(){

    //声明周期  监听页面初次渲染完成

    },

    onShow:function(){

    //生命周期   监听页面显示,触发早于onReady

    },

    onHide:function(){

    //生命周期    监听页面隐藏,,例如后台状态

    },

    onUnload:function(){

    //生命周期   监听页面卸载

    },

    onPullDownRefresh:function(){

    //监听下拉刷新

    },

    onreachBottom:function(){

    //监听页面触底事件,例如触底加载

    },

     onShareAppMessage:function(){

    //用户转发

    },

    onPageScroll:function(){

    //页面滚动事件

    }

    })

  • 相关阅读:
    本地部署 川虎 Chat
    java:判断字符串是否为数字
    MATLAB算法实战应用案例精讲-【智能优化算法】黑寡妇算法-BWO(附matlab代码)
    了解一下Ubuntu Linux
    Impala字符串截取left、right、substr/substring
    【软件测试进阶第1步】自动化测试基础知识
    循环队列c语言版
    Linux——进程控制之替换
    计算机毕业设计Java健身房信息管理系统(源码+系统+mysql数据库+lw文档)
    如何将图片放大且不影响清晰度?3个详细方法介绍
  • 原文地址:https://blog.csdn.net/Youaremysalvatio/article/details/126140672