微信小程序入门讲解

微信小程序

注册

• 由于发文限制，请自行到微信公众平台注册

项目结构

• 
• 
• project.config.json 配置文件（不需要动）
• app.json（用户配置）
  • 路由pages
  • window 整个程序样式
  • tabar底部设置
  • .....
• app.js 入口程序
• 

xxx.js

• app.js是入口程序，代表应用要做的事
• 通过路由切换到了index.js中
• Page(options)
  • data 属于页面的数据
    • this.data.xxx
  • onLoad: 获取路由参数 , onLoad(options.xxx)
  • onReady: 更改页面数据,比如改title
  • onShow: 多次触发，切换页面的时候
  • onHide: 多次触发
• data初始化数据
• onReady 修改数据
  • this.setData({ msg:'xxx'})
  • 修改并更新视图

常用组件

• view视图
• text文本框
• picker 选择列表
• input组件(无法使用font-family)
  • 通过bind事件(全小写)，来绑定对应js中声明的函数,赋值赋函数引用
  • input bindblur="函数名"
  • 在函数内部，接受e这个对象
    • e.detail.value 获取va