微信小程序入门使用
一、 注册微信小程序
如果你还没有微信公众平台的账号,请先进入微信公众平台 (qq.com),点击立即注册,注册类型,选择“小程序”即可。
接着填写账号信息,需要注意的是,填写的邮箱必须是未被微信公众平台注册,未被个人微信号绑定的邮箱,而且每一个邮箱只能申请一个小程序。激活之后按照要求登记信息即可。主题信息提交后不可修改。
二、微信开发者工具
下载微信开发者工具下载地址与更新日志 | 微信开放文档 (qq.com),根据自己的操作系统来下载对应的安装包即可。选择稳定版即可
-
新建项目
-
页面介绍
-
项目组成
-
page.json文件
pages:注册页面window:窗口信息
style:导航栏样式
-
新建页面
先新建文件夹,然后在这个文件新建page文件,页面就给我们建好啦,.js文件是js代码,.json文件是配置文件,.wxml文件是语义标签代码相当于HTML,.wxss文件是写样式CSS代码
三、基本语法
-
文本渲染
{{ }} //插值语法 插入js文件定义的值,与VUE语法一直
-
条件渲染
wx:if="" wx:elif="" wx:else=""
-
列表渲染
wx:for="{{ 数组名 }}" wx:key="index" //元素默认是item
-
wxss
//默认单位是rpx 750rpx是一个屏幕的宽度
-
事件
bind:Input 表单输入 bind:confirm 表单输入确认 bind:tap 手指触摸
-
内置api
详情查看微信开放文档 (qq.com)
-
生命周期
onLoad 页面加载完毕 onPullDownRefresh 下拉刷新 onReachBottom 触底刷新