微信小程序,简称小程序,英文名Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用"触手可及"的梦想,用户扫一扫或搜一下即可打开应用。下面简单介绍一下开发入门
一、注册小程序账号
1、进入微信公众平台 2、点击立即注册3、选择小程序 4、填写信息注册即可 5、绑定开发者 6进入“设置-开发设置”,获取AppID信息。 二、下载微信web开发者工具 1点击小程序后的查看详情 2、选择开发者工具 3、下载对应系统版本的应用程序 4、安装开发工具 三、编写小程序实例 1、打开工具点击小程序项目 2、填写相应信息,点击确定 3、实例目录结构 4、appjs是小程序的脚本代码(必须),可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量,调用框架提供的丰富的 API。 5、appjson是对整个小程序的全局配置(必须),用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多tab等。接受一个数组,每一项都是字符串,来指定小程序由哪些页面组成。微信小程序中的每一个页面的路径+页面名都需要写在appjson的pages中,且pages中的第一个页面是小程序的首页。 6、appwxss是整个小程序的公共样式表(非必须)。 7、indexjs 是页面的脚本文件(必须),在这个文件中我们可以监听并处理页面的生命周期函数、获取小程序实例,声明并处理数据,响应页面交互事件等。 8、indexwxml是页面结构文件(必须)。 9、indexwxss是页面样式表文件(非必须),当有页面样式表时,页面的样式表中的样式规则会层叠覆盖appwxss中的样式规则。如果不指定页面的样式表,也可以在页面的结构文件中直接使用appwxss中指定的样式规则。 10、在编辑配置好后点击真机调试 11、手机微信扫描二维码 12、自动d出调试窗口,通过真机调试能够更好的测试小程序
<button bindtap="powerDrawer" type="primary" size="mini" style="width: 55%;" data-statu="open">中奖记录</button>
<!-- 中间名单d窗 -->
<view class="drawer_div">
<view class="drawer_screen" bindtap="powerDrawer" data-statu="close" wx:if="{{showModalStatus}}"></view>
<view animation="{{animationPrize}}" class="drawer_box" wx:if="{{showModalStatus}}">
<view class="drawer_title">
中奖记录
<image src="/img/x@2xpng" bindtap="powerDrawer" data-statu="close"></image>
</view>
<view class="drawer_content">
<view class="top grid">
<text>
名称:啦啦啦啦啦啦啦啦
</text>
<text>
时间:2020-02-20
</text>
</view>
<view class="top grid">
<text>
名称:啦啦啦啦啦啦啦啦
</text>
<text>
时间:2020-02-20
</text>
</view>
</view>
</view>
</view>
drawer_screen {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
background: #000;
opacity: 05;
overflow: hidden;
}
/content/
drawer_box {
width: 650rpx;
overflow: hidden;
position: fixed;
top: 50%;
left: 0;
z-index: 1001;
background: #FAFAFA;
margin: -150px 50rpx 0 50rpx;
border-radius: 3px;
}
drawer_title{
padding:30rpx 20rpx;
font-size: 36rpx;
text-align: center;
position: relative;
}
drawer_title image{
display: inline-block;
width: 30rpx;
height: 30rpx;
position: absolute;
right: 9px;
top: 10px;
}
drawer_content {
height: 210px;
overflow-y: scroll; /超出父盒子高度可滚动/
padding: 0 20rpx;
}
top{
display: flex;
justify-content: space-between;
border-bottom: 1px dashed #ccc;
}
top text{
display: inline-block;
height: 60rpx;
line-height: 20rpx;
}
data: {
animationPrize: {},
}
powerDrawer: function (e) {
// consolelog(e);
let currentStatu = ecurrentTargetdatasetstatu;
thisutil(currentStatu);
},
util: function (currentStatu) {
/ 动画部分 /
// 第1步:创建动画实例
var animation = wxcreateAnimation({
duration: 200, //动画时长
timingFunction: "linear", //线性
delay: 0 //0则不延迟
});
// 第2步:这个动画实例赋给当前的动画实例
thisanimation = animation;
// 第3步:执行第一组动画
animationopacity(0)rotateX(-100)step();
// 第4步:导出动画对象赋给数据对象储存
thissetData({
animationPrize: animationexport()
})
// 第5步:设置定时器到指定时候后,执行第二组动画
setTimeout(function () {
// 执行第二组动画
animationopacity(1)rotateX(0)step();
// 给数据对象储存的第一组动画,更替为执行完第二组动画的动画对象
thissetData({
animationPrize: animation
})
//关闭
if (currentStatu == "close") {
thissetData({
showModalStatus: false
});
}
}bind(this), 200)
// 显示
if (currentStatu == "open") {
thissetData({
showModalStatus: true
});
}
},
2020年
用pythonhook实现小程序多开,是利用pythonhook这个工具实现一个小程序在同一台计算机上同时多实例运行的功能。
pythonhook是一个开源Python库,用于自动化 *** 作系统中的图形用户界面(GUI)程序。它可以将GUI程序中的 *** 作映射到Python脚本中,从而可以自动地执行所需的任务。
使用pythonhook来实现小程序多开的步骤如下:
1 准备:首先准备好python环境,安装pythonhook,并确保已经正确配置。
2 获取小程序窗口句柄:获取到小程序的窗口句柄,以便定位对象并执行 *** 作。
3 做出模拟动作:使用pythonhook模拟 *** 作,例如鼠标或键盘输入,向小程序内部发送指令,使其执行命令。
4 利用循环结构:将所有的模拟 *** 作累加到一个循环中,以实现多个小程序同时运行的多实例功能。
以上就是实现小程序多开的步骤,使用pythonhook模拟 *** 作,可以很容易的实现小程序的多实例功能,使其能够在同一台计算机上同时运行多个实例。
以上就是关于微信小程序怎么开发 微信小程序开发教程分享全部的内容,包括:微信小程序怎么开发 微信小程序开发教程分享、小程序如何动态设计响应式数据、微信小程序开发入门教程|微信小程序开发主要技术等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)