组件标签

html

wxml
div span img a
view text image navigator

css

wxss
rpx 小程序响应式单位,在不同设备上自动进行换算

js

app.js 项目入口文件 ,通过App()函数启动整个小程序
页面的 .js ,页面入口文件,通过Page()函数创建运行页面

通信模型

渲染层
逻辑层
第三方服务器

渲染层和逻辑层之间通信 — 通过微信客户端转发
逻辑层和第三方服务器之间通信 – 通过微信客户端转发

常用自带的组件

view
scroll-view 滚动列表
swiper 轮播图组件
text
button
image

事件

1. tap----bindtap/bind:tap----click
2. input----bindinput/bind:inpuclickt
3. change–bindchange/bind:change

小程序布局

导航栏区域 navigatiionBar
下拉背景区域 background
页面主体区域 wxml中的布局

页面导航

navigator 组件
wx.navigateTo()

网络数据请求

生命周期函数

应用的生命周期函数

App({//1.小程序初始化完成时，执行此函数，全局只触发一次，可以做一些初始化操作onLaunch() {},//2.小程序启动，或从后台进入前台显示时触发onShow(){},//3.小程序从前台进入后台时触发onHide(){},globalData: {userInfo: null}})

页面的生命周期函数

  /*** 生命周期函数--监听页面加载(一个页面调用一次)*/onLoad: function (options) {//获取传递过来的参数console.log(options);this.setData({query:options})},/*** 生命周期函数--监听页面初次渲染完成(一个页面调用一次)*/onReady: function () {},/*** 生命周期函数--监听页面显示*/onShow: function () {},/*** 生命周期函数--监听页面隐藏*/onHide: function () {},/*** 生命周期函数--监听页面卸载(一个页面调用一次)*/onUnload: function () {},