三分钟带你了解微信小程序开发

我们为什么要学习微信小程序

  1. 微信有海量的用户, 而且粘性很高, 在微信里开发产品更容易触达用户;
  2. 从零开始推广app或者公众号的成本太高
  3. 因为微信小程序帮你做好了很多的跨平台操作,所以它的开发适配成本低
  4. 容易规模试错, 然后快速迭代,优化
  5. 微信小程序帮你做好了跨平台操作

好的不多废话第一步注册微信开发者账号/下载微信开发者工具

微信公众平台微信公众平台,给个人、企业和组织提供业务服务与用户管理能力的全新服务平台。https://mp.weixin.qq.com/稳定版 Stable Build | 微信开放文档微信开发者平台文档https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

接下来给大家介绍一下wx小程序的项目结构

三分钟带你了解微信小程序开发_第1张图片

小程序常用组件

view

 view组件:相当于一个盒子,可以用来装一些别的组件  可以理解为div

text

text组件:主要用来显示文字的

input

input组件主要用来获取用户输入的信息的,一般在用户填写信息,提交数据,登录注册时会用到。

button

button 组件:是按钮组件,自带默认的按钮效果,我们后面会经常用到

常用事件

bindtap  用于点击事件

bindinput  用于用户输入事件

bindconfim  用于确认(电脑回车键/手机确认键)

bindchange  表单值发生变化

事件传参

获取参数

showMsg(e){
  let msg=e.currentTarget.dataset.msg;
  wx.showToast({
    title: 'hello '+msg,
    icon:"loading"
  })
}

 

你可能感兴趣的:(微信小程序,前端)