小程序心得

1.小程序里面所有的变量都需要用{{}}包裹起来。

2.小程序设置自定义属性通过data-xx，获取属性值是e.currentTarget.dataset.xx的方式获取。input等输入框的☞通过e.detail.value的方式获取。

3.使用template模板时，在需要使用模板的页面通过<import src="xx" />的方式引入，如模板内容需要添加点击事件，可以通过给模板添加点击事件然后触发事件，通过引入js来调用事件。

4.组件使用

1)首先创建组件，然后在需要使用组件的页面json文件引入组件usingComponents:{''name":"地址"}，在页面中调用组件。

2）组件传参，可通过在组件写参数传递，通过properties属性接收eg：name:{type:String,value:''""}，value用于设置默认值。如js其他地方需调用属性值可通过this.data.name

5.页面里面不能写过于复杂的运算，最多3元运算

6.通过设置tabbar的页面切换只能通过wx.switchtab，通过其他几种方式进行页面跳转无效。

全局的tabbar不可配置个数。

7.页面回退可通过wx.navigateBack({belta:1}),1表示回退几级。

8.页面传参

1）页面跳转传参：通过wx.navigateTo(url:"xxx?="+参数)，可在下一级页面的options参数里面进行获取。

2）页面返回参数：页面返回时传递参数可通过修改上级页面的data值

eg：let pages = getAppPages();//所有页面的实列

let prePage = pages[pages.length-2];

prePage.setData({xx:xx});

9.小程序的全局参数wx.globalData

10.使用阿里矢量图库，通过在阿里矢量图库里面创建项目，然后添加所需图片到项目生成样式文件，项目里面通过引入，即可使用矢量图，矢量图比较小可以节约内存，可通过字体大小改变矢量图。

11.可使用小程序ui框架，例如：wux

12.scroll-view滚动需要设置高度：可以通过js动态设置高度，也可通过flex布局，通过设置外层包裹sroll-view的元素为flex:1,然后给外层设置任意高度height；0，设置scroll-view 高度100%，即可实现scroll-view铺满剩余屏幕，这个方法简单实用。

13.小程序不得超过2M，超过2M需分包加载，分包加载不得超过4M，一个小程序账号只能发布一个小程序

未完待续。。。。。。