微信小程序----基础起步

◆  准备工作

首先需要在微信工作平台上申请一个账号：账号申请

根据指引填写好信息后就可以拥有自己的小程序账号了

登录 https://mp.weixin.qq.com ，我们可以在菜单 “设置”-“开发设置” 看到小程序的 AppID了 。

安装好开发工具后，IDE下载地址： 微信web开发工具，选择放代码的盘，填写好自己的AppID,勾选创建就得到自己的小程序了。

◆ 知识清单

JavaScript基础知识：JavaScript基础知识

CSS基础知识： CSS基础知识

HTML基础知识：HTML基础知识

◆ 代码构成

1. json配置

☆ 全局配置：app.json   

    作用：包含了页面的文件路径 、窗口表现 、网络超时时间 、底部tab

    参考文档：小程序的配置 app.json

 ☆ 工具配置：project.config.json

    作用：可以根据个人喜好做一些个性化配置

     参考文档：工具配置参考文档

 ☆ 页面配置：page.json

    作用：小程序页面相关的配置

    参考文档：页面配置参考文档

2. WXML 模板

    相当于html的角色，与之相似，但在标签上会有些不同，在小程序中经常使用的是view,text等。

    在开发模式上沿用了MVVM的模式，减少了对DOM的操作，使用模板语法来描述界面和状态。

    但是在写法上又与vue有所不同，类似if/else这样的判断语句需要加上wx: 开头。

3. WXSS 样式

    相当于CSS的角色，新增了尺寸单位rpx,不用开发者自己换算不同的设备上的像素。

    1rpx = 0.5px

4. J S 交互逻辑

    实现了界面与用户做交互