记一次小程序项目的开发心得
只是展示用,建议使用template,组件中涉及到较多的逻辑,建议使用component。 因为template没有自己的js文件,所以在列表中涉及到列表子项独立的操作,建议将列表子项写成component。 示例代码: page文件 <!--Wxml-->
<!--引用-->
<import src="goodlist.wxml"/>
<!--使用 goodList为page传入的数据-->
<template is="statement-goodlist" data="{{goodList}}"/>
2.wxs文件的使用Wxs更多的是作为一个过滤器使用,.wxs?文件可以被其他的?.wxs?文件 或 WXML 中的??标签引用。 .wxs模块中引用其他?wxs?文件模块,可以使用?require?函数。 示例代码 page文件--类似过滤器效果 >{{phone.phone(AddressInfo.phone)}}</text>
3.生命周期/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
// 前进-跳转到其他页面的时候
},/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
// 后退-点击当前页面返回的时候
}
利用这两个生命周期可以解决的问题: 防止用户快速切换页面(A->B)。导致动态设置导航栏中的文字显示出现错误 快速切换页面可能导致A页面中的异步数据还未返回,致使当切换到B页面的时候A数据才返回,使得导航栏显示的文字为A页面的导航栏标题。(即:A页面的导航栏标题为hello,B页面的导航栏标题为world,当快速由A->B,此时虽然在B页面,但是导航栏标题显示的是hello,而不是world) 参考链接:?小程序中的生命周期onHide和onUnload 二、 通信类如果说数据是汽车的话,传递的通道或方式就是汽车要行驶的道路。所以,数据驱动型的框架,我们少不了要学习如何建设这条"道路",让"汽车"高速行驶。 1.页面与组件通信1-1.页面传递内容给组件page为页面的属性名 components 为组件的外部属性名,用properties对象接收 页面
})
组件 父亲pages
|