微信小程序开发：参数传递与数据封装实践

本文档是一篇关于微信小程序开发的经验总结，重点介绍了几种常见的参数传递方法以及数据请求的封装策略。首先，作者强调了`data-id`属性在HTML元素中的应用，它是通过`data-*`自定义属性来传递动态值，如在`<view>`元素上设置`data-id={{modle.id}}`，并在事件处理函数`playTap`中通过`e.currentTarget.dataset.id`获取并传递到目标页面。值得注意的是，`data-*`属性对大小写敏感，且不宜存储复杂对象。 其次，文章提及了另一种设置和获取id的方式，即直接在`<view>`元素上使用`id="{{modle.id}}"`，并通过`e.currentTarget.id`访问该id。然而，这种方式不建议用于频繁的传值，因为它可能需要在全局对象上设置和管理。 在导航器(navigator)中传递参数时，可以将参数值与特定的URL查询字符串结合，如`navigator.url="../my/my?id={{item.id}}"`，并在目标页面的`onLoad`函数中解析这些参数，例如`params.id`。 文章还提到了数据请求的优化实践。为了减少代码冗余，开发者通常会将所有接口请求定义在一个单独的js文件（如`api.js`）中，并导出一个对象，每个接口对应一个键值对。这样，在`app.js`中可以创建一个统一的`fetch`方法，调用`wx.request`进行网络请求，比如`wx.request(api.interface1, ...)`，简化了接口调用的管理。 通过本文提供的经验和技巧，微信小程序开发者可以更好地理解如何在项目中有效地传递参数和管理数据请求，提高代码的可维护性和效率。