如何使用第三方库？技巧来巧妙地绕过！

菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技

如何使用第三方库？技巧来巧妙地绕过！

*常见的一般是操作，第三方库主要用它来引用 DOM 并设置或修改它。这可以通过下面第 2 点中讨论的去耦技术巧妙地绕过。剩下的就看开发自己思考了，这里没有办法一一列举。

本文中的演示使用 class 方法转换第三方库。

2. 解耦方式

小程序开发时，如果一个页面太长，无法用js写，甚至超过一千行微信小程序开发规范，那么你应该考虑将文件分成几块。或者如果你编写的逻辑代码可以被多个页面共享，那么你还需要将代码从这个页面的js中分离出来。

这就引出了一个比较明显的问题：在其他文件中，需要修改页面上的数据，不能太耦合，因为你的逻辑代码会在 A 页中被引用，也会在 B 页中被引用，所以你不能把操作放在这个公共文件中。

那么可以做些什么来解耦呢？

这时，你可能会想到普通页面开发中使用的机制，但遗憾的是，这只能绑定在 DOM 上。或者说你已经用过这个库，通过改变状态机来触发一些具体的操作，这个方法很巧妙，推荐给没有接触过这个库开发的人学习一下。

但是我们还不需要介绍另一个库如何使用第三方库？技巧来巧妙地绕过！，在这里，让我们写一个简单的库。它就像几行代码一样简单。

代码在这里：

module.exports = function(app) {
app && (app.trigger = function(eventType, data) {
var pages = getCurrentPages(),
curPage = pages[pages.length-1],
methodName = 'on' + eventType.charAt(0).toUpperCase() + eventType.substr(1),
callback = curPage[methodName];
callback && callback.call(curPage, data);
});
};

如何使用这个库？分析一般流程，其实很简单，就是给app添加一个方法，调用的时候，找出当前页面是否在onXXX方法中，如果有，就调用它。此方法的名称派生自此参数，例如 app.（''），然后它会在页面中查找方法。所以实际上，这种解耦方法，实质上定义了一个规范。

主页在 app.js 中引入，并在以下位置调用：

var event = require('lib/event.js');
App({
onLaunch: function () {
event(this); // 在onLaunch里调用，传入的this就是app本身
},
globalData:{
}
});

然后，在

需要使用的公共提取文件，按以下形式写入：

app.trigger('titleChanged', '请解锁');

然后在页面的 js 代码中添加对此的响应：

Page({
…
onTitleChanged: function(newTitle) { // 文字变化的事件，自定义
this.setData({
title: newTitle
});
}
...
});

经过这三个步骤，就可以了。

以上就是小编给大家介绍的

微信小程序开发手势解锁实用教程，希望对您有所帮助，如有疑问请给我留言，小编会及时回复您。非常感谢您对网站的支持！

炫佑科技专注互联网开发小程序开发-app开发-软件开发-网站制作等