微信小程序day01-认识小程序

1.小程序是什么？

是一种新的开放能力，可以在微信内被便捷地获取和传播

2.信小程序的优势和劣势

优势:易于推广,使用便捷，体验良好，成本低

劣势：单包大小限制2M,采用分包最多30M(根据官方)，部署上线麻烦，微信限制，积分，虚拟交易不能实现

3.小程序的数据绑定

使用插值表达式{{}}

4.template模板的使用

声明

<template name=""></template>

使用

导入
<import src=""/>
<template is="声明的name名字" data="传递的数据"/>
除了template模版以外的内容<include src="">

5.微信小程序的wxss

单位 ：rpx  1rpx=屏幕宽度/750px
导入：@import ”“;

6.修改渲染层

this.setData()方法修改渲染层

7.程序和界面

程序

程序的生命周期
onLaunch()  数据初始化
onShow()    显示
onHide()		隐藏
onError()		报错
globalData    全局数据

界面

界面的生命周期
 data: { text: "This is page data." },//数据 
 onLoad: function(options) { },//页面加载  
 onReady: function() { },//页面初始化渲染  
 onShow: function() { },显示  
 onHide: function() { },隐藏  
 onUnload: function() { },卸载  
 onPullDownRefresh: function() { },下拉刷新

8.事件

bind:事件类型

在js中与data平级
传参：data-变量='传递的参数’，在事件里面有的事件对象event用来接收参数
阻止事件冒泡：用catch绑定