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,一个小程序账号只能发布一个小程序
未完待续。。。。。。
网友评论