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事件
事件分为:
冒泡事件:冒泡事件:当一个组件上的事件被触发后,该事件会向父节点传递。
写法bindtap或bind:tap
非冒泡事件:当一个组件上的事件被触发后,该事件不会向父节点传递。
写法 catchtap或catch:tap
8点击事件
点击触发事件
①绑定事件用bindtap
②fn为方法名不用(),参数写在data-id="3"中
fn(e) {
//1.参数的获取方式
console.log(e.currentTarget.dataset.id);
},
修改数据
this.setData({
需要修改的变量:”变量值”’
})