微信小程序入门使用

微信小程序入门使用

一、 注册微信小程序

​ 如果你还没有微信公众平台的账号，请先进入微信公众平台 (qq.com)，点击立即注册，注册类型，选择“小程序”即可。

​ 接着填写账号信息，需要注意的是，填写的邮箱必须是未被微信公众平台注册，未被个人微信号绑定的邮箱，而且每一个邮箱只能申请一个小程序。激活之后按照要求登记信息即可。主题信息提交后不可修改。

二、微信开发者工具

​ 下载微信开发者工具下载地址与更新日志 | 微信开放文档 (qq.com)，根据自己的操作系统来下载对应的安装包即可。选择稳定版即可

1. 新建项目
   

2. 页面介绍
   

3. 项目组成
   

4. page.json文件

   
   pages:注册页面

   window：窗口信息

   style：导航栏样式

5. 新建页面

   先新建文件夹，然后在这个文件新建page文件，页面就给我们建好啦，.js文件是js代码，.json文件是配置文件，.wxml文件是语义标签代码相当于HTML，.wxss文件是写样式CSS代码

三、基本语法

1. 文本渲染

   {{  }} //插值语法 插入js文件定义的值，与VUE语法一直
   

2. 条件渲染

   wx:if=""
   wx:elif=""
   wx:else=""
   

3. 列表渲染

   wx:for="{{ 数组名 }}" wx:key="index" //元素默认是item
   

4. wxss

   //默认单位是rpx 750rpx是一个屏幕的宽度 
   

5. 事件

   bind:Input 		表单输入
   bind:confirm  	表单输入确认
   bind:tap		手指触摸
   

6. 内置api

   详情查看微信开放文档 (qq.com)

7. 生命周期

   onLoad					页面加载完毕
   onPullDownRefresh 		下拉刷新
   onReachBottom			触底刷新