小程序总结1

这篇博客总结了小程序的开发流程,包括微信开发者工具的下载、AppID的获取、项目创建、重要配置如app.json、事件机制及点击事件的处理。还讨论了小程序的单位换算,页面创建方法以及事件的冒泡和非冒泡传播特性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1微信开发者工具下载地址

微信开发者工具

2AppID的获取

微信公众平台注册小程序
在这里插入图片描述

3使用微信开发者工具创建项目

在这里插入图片描述

4重要配置

在这里插入图片描述

app.json ---- 全局的公共配置:是当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。
project.config.json ---- 记录开发者工具配置信息例如界面颜色、编译配置等等。
sitemap.json ---- 配置小程序页面是否被微信索引;

5相关单位

  • pt逻辑分辨率(视觉单位,和屏幕尺寸有关系);
  • px物理分辨率(像素点)
  • ppi:每英寸包含的像素点
    小程序单位换算关系
    iphone6下1px=1rpx=0.5pt(rpx会在不同设备下转换、而px不会);
    页面小结:使用rpx时,首先使用ipone6/7/8机型(375x667) 此时想设置全屏则写750rpx即可适配所有机型

6创建新页面

①方法一:直接创建文件夹
②方法二:在全局配置文件app.json–>“pages”:[“pages/新页面文件夹/新页面”]

7事件

事件分为:
冒泡事件:冒泡事件:当一个组件上的事件被触发后,该事件会向父节点传递。
写法bindtapbind:tap
非冒泡事件:当一个组件上的事件被触发后,该事件不会向父节点传递。
写法 catchtapcatch:tap

8点击事件

点击触发事件
①绑定事件用bindtap
②fn为方法名不用(),参数写在data-id="3"中

fn(e) {
    //1.参数的获取方式
console.log(e.currentTarget.dataset.id); 
  },

修改数据

this.setData({
需要修改的变量:”变量值”’
})
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值