微信小程序开发工具
微信小程序开发
小程序开发
浏览：531 次
下载微信小程序开发工具注册新项目
WXML类似于html内容：<--pages/mypage/mypage.WXML-->
<块>
中的数据值
WXSS类似于CSS内容：/*pages/mypage/mypage.WXSS*/
.主要{
高度：700px；
背景色：浅绿色；
}
.div1{
/*小程序自己的单位rpx将屏幕宽度分成750等分*/
/*直接以全宽度写入750rpx*/
/*rpx的总体尺寸小于px*/
宽度：750rpx；
高度：100px；
背景色：粉红色；
}
.div2{
宽度：300rpx；
高度：50px；
背景色：红色；
}
JS语言content://pages/mypage/mypage.js
第页({
/**
*页面的初始数据
*/
数据：{
用户名：“张三”
},
fn1：函数（）{
console.log（'fn1'）
},
fn2：函数（）{
console.log（'n2'）
},
句柄：函数（e）{
/*解构赋值*/
让｛currentTarget:｛数据集：｛msg｝｝＝e；
//控制台.log（消息）
/*要设置值视图和数据双向绑定显示，请使用this.setDate*/
this.set数据({
用户名：“Li Si”
})
/*使用这个。数据获取小程序中的值*/
console.log（this.data.username）
},
dian:函数（）{
/*使用getApp获取全局数据*/
const｛globalData:｛name｝｝＝getApp（）
console.log（名称）
},
/**
*生命周期功能——监听页面加载
*/
onLoad:函数（选项）{
console.log（选项）
},
/**
*生命周期函数——聆听页面第一次呈现的完成情况
*/
onReady:函数（）{
安慰log（“聆听第一页渲染的完成情况”）
},
/**
*生命周期功能——监控页面的显示
*/
/*onShow的执行顺序大于onReady*/
onShow:函数（）{
安慰日志（'页面监控页面显示'）
},
/**
*生命周期功能——隐藏监听页面
*/
/*切换到聊天主页并退出小程序时执行*/
onHide:函数（）{
安慰日志（'mypage listener page hidden'）
},
/**
*生命周期功能--侦听页面卸载
*/
onUnload:函数（）{
安慰log（“侦听页面卸载”）
},
/**
*与页面相关的事件处理功能——监听用户下拉操作
*/
/*您需要将enablePullDownRefresh:true添加到相应的json*/
onPullDownRefresh:函数（）{
安慰日志（'下拉刷新'）
},
/**
*页面拉底事件的处理功能
*/
/*OnReachBottomDistance:0需要在相应的json中配置
滚动条出现在主页的y轴上
OnReachBottomDistance表示从滚动条到底部的距离*/
onReachBottom：函数（）{
安慰log（“向上拉以加载更多内容”）
},
/**
*用户单击右上角共享
*/
onShareAppMessage:函数（）{
