小程序

应用将无处不在，随时可用，但又无需安装卸载

[TOC]

简介

优点

速度快
无需适配
社交分享
出色体验
用完即走，随手可得
低门槛

设计规范

友好：重点突出，流程明确
清晰：导航明确，减少等待，异常反馈
便捷：减少输入，避免误操作，操作流畅

代码笔记

传递自定义数据属性

// 父html
bindtap='f1' data-user-name='balabala'

// 父js
var userName = e.currentTarget.dataset.userName
wx.navigateTo({
    url:'url?username='+userName
})

// 子js
onload:function(options){
    var username=options.username
}

界面加载

// 默认加载第一个路径
"pages": [
    "pages/start/start",
]

rpx相对长度单位

1	iPhone6 屏宽 750rpx 1px=2rpx

弹性盒子

display:flex;
flex-direction:column;
justify-content:space-around;
align-items:center;

云开发简介

Tencent Cloud Base(TCB) 一站式后端云服务

编程基础：HTML,CSS,Js,Node.js,MongoDB

初始化项目

在miniprogram下打开终端

npm init -y
npm i vant-weapp -S --production
npm i wx-server-sdk -S

“详情”中勾选 npm 模块
“工具”中选择 构建npm

json中增加
{
    "usingComponents":{
        "van-button": "vant-weapp/button"
    }
}