如何在CatberryJS应用程序中使用jQuery？

Question

我想在CatberryJS framework的网络应用程序中使用jQuery。我该怎么办？

Answer 1

使用全局注册的jQuery库

您可以像往常一样使用jQuery，只需将此脚本标记包含在您的＆＃34; head＆＃34;成分：

<script src="//code.jquery.com/jquery-2.1.3.min.js"></script>

然后随意在任何组件的代码中使用jQuery函数，除了它的构造函数和＆＃34; render＆＃34;方法

使用jQuery作为构建bundle.js

的一部分

在这种情况下，您可以使用npm安装jQuery，如下所示：

npm install jquery --save

然后在./browser.js

中将jQuery注册为Catberry Service

var catberry = require('catberry'),
    cat = catberry.create({/* config */}),
    jQuery = require('jquery');

cat.locator.registerInstance('jquery', jQuery);

注册jQuery后，您可以在组件中使用它，从Catberry Service Locator解析它：

var $ = this.$context.locator.resolve('jquery');
$('.class').html('<div>Hello, World!</div>');

另外

如果您想在组件的构造函数或组件＆＃34; render＆＃34;中使用jQuery函数。你应该检查环境标志的方法如下：

if (this.$context.isBrowser) {
  // crazy jQuery stuff
}

另外，请记住，要避免内存泄漏，您的组件应取消订阅所有jQuery事件并释放jQuery函数中使用的所有资源，并在＃34; unbind＆＃34;方法

您可以在组件中使用任何浏览器端库，就像上面描述的jQuery一样。