开发微信小程序项目遇到的问题以及解决方案1

开发微信小程序项目遇到的问题以及解决方案1 本文将围绕微信小程序项目开发中遇到的问题和解决方案进行详细讨论。 页面间跳转如何监听事件 微信小程序提供了打开新页面、页面重定向、页面返回、tabBar 切换四种改变视图的机制，并托管了页面的生命周期，并为应用提供了相应的生命周期事件，方便应用各阶段的业务处理。但是，页面之间相互跳转并没有相应的事件机制，例如：A 页面打开二级页 B，B 页面做了一些操作，需要通知 A 页面做相应的处理。为了解决这个问题，我们可以通过页面跳转传参或全局数据对象来达到目的，但是使用上有些束缚（转换参数或维护全局对象）。在elong小程序项目中，我们采用事件机制解决这一问题。我们重写了 navigateTo API，A 页面调用该接口进行页面跳转后，方法返回给 A 页面一个事件对象 event，该对象可以注册自定义事件，目标页面（B 页面）可以按照业务需求触发事件响应，同时将相关数据作为参数传递到监听处 callback。 前后端同时开发过程中如何方便的 mock 数据 在前后端同时开发过程中，前端如何方便的 mock 数据是一个需要解决的问题。我们可以通过框架层面对小程序原生接口 wx.request 做一层封装，以便扩展。每个页面所需要的后端接口配置在独立 service 文件中，页面中引用对应的 service，统一由此调用 http 接口，减少页面业务逻辑的复杂度。url、params、method、noLoading、mockData、dataTransform 等参数可以根据需要进行配置。 小程序框架对 Page 的重写 elong 小程序框架在此封装了 Page、require 等原生方法。Page 构造函数用来注册一个页面。接受一个 object 参数，其指定页面的初始数据、生命周期函数、事件处理函数等。框架对 Page 做了重写，这样可以方便的使用扩展能力（页面事件、全局事件、内部组件、外部组件）。使用时仅需将原来的业务代码用包装器包装一下即可。重写后的 Page 增加了委托生命周期函数、扩展事件机制、内置内部组件和外部组件扩展等功能。 小程序模板机制的使用 小程序中提供了模板机制，可以方便的复用一段页面（wxml）代码。但是，需要手动将模板中绑定的事件、数据注册到当前页面的 Page 下，而且不可以出现重名属性和方法，相当于仅是一个“插入”操作。elong 小程序框架在重写 Page 时提供了扩展外部组件的功能。详细使用规范包括：wxml 需要以模板的形式引入组件的 wxml；wxss 需要引入组件的 wxss；js 需要引入组件的 js 文件；组件和页面之间的事件传递需要在组件配置中声明这些事件函数需要注册在页面中。