小程序简介:
小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验
-
整个小程序所有分包大小不超过 8M
-
单个分包/主包大小不能超过 2M
小程序的优点:
-
平台封闭,上手简单
-
跨平台运行
-
使用方便
小程序的目录结构 :
app.json: 页面配置
app.wxss: 页面样式
app.js: 页面逻辑
app.wxml 页面结构
小程序的单位:
pt逻辑分辨率(视觉单位,和屏幕尺寸有关系);
px物理分辨率(像素点)
ppi:每英寸包含的像素点
小程序换算单位:
iphone6下1px=1rpx=0.5pt(rpx会在不同设备下转换、而px不会);
导航栏配置:
app.json里
tabbar配置底部导航栏 :
{
"pages":[
"pages/sers/sers",
"pages/logs/logs",
"pages/index/index",
"pages/code/code"
],
"tabBar": {
"list": [
{
"pagePath": "pages/index/index",
"text": "首页"
},
{
"pagePath": "pages/logs/logs",
"text": "日志"
},
{
"pagePath": "pages/code/code",
"text": "日志"
},
{
"pagePath": "pages/sers/sers",
"text": "数据"
}
]
},
}
-
路由跳转
-
wx.switchTap:跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面
-
wx.navigateTo:保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。
-
wx.redirectTo:关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。
-
wx.reLaunch:关闭所有页面,打开到应用内的某个页面
-