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

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

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

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

本文的demo是使用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
});
}
...
});

这三步完成之后就ok了。

以上就是小编为大家介绍的微信小程序开发的手势解锁实用教程。 希望对您有所帮助。 如果您有任何疑问，请给我留言，编辑会及时回复您。 也感谢大家对 House网站的支持！

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