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

Jughosta

我想在CatberryJS框架的Web应用程序中使用jQuery 我该怎么做?

丹尼斯·雷赫库诺夫(Denis Rechkunov)

使用全局注册的jQuery库

您可以照常使用jQuery,只需将此脚本标签包含在“ head”组件中:

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

然后,随时可以在除组件的构造函数和“ render ”方法之外的任何组件代码中使用jQuery函数

使用jQuery作为build的一部分 bundle.js

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

npm install jquery --save

然后注册的jQuery作为Catberry服务./browser.js

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>');

此外

如果要在组件的构造函数或组件的“ render ”方法中使用jQuery函数,则应检查环境标志,如下所示:

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

另外,请记住,为避免内存泄漏,您的组件应取消订阅所有jQuery事件,并以“ unbind ”方法释放jQuery函数使用的所有资源

您可以在组件内部使用任何浏览器端库,如上面针对jQuery所述。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在任何应用程序中使用jQuery注入HTML标记?

来自分类Dev

如何在Rails应用程序中使用jQuery自动完成功能

来自分类Dev

如何在此Web应用程序中使用jQuery Selector?

来自分类Dev

如何在Grails应用程序中使用API

来自分类Dev

如何在多线程应用程序中使用Hibernate?

来自分类Dev

如何在应用程序中使用像素图?

来自分类Dev

如何在SailsJS应用程序中使用OrientDB

来自分类Dev

如何在WPF应用程序中使用MSHTML

来自分类Dev

如何在Xcode中使用测试(iOS应用程序)

来自分类Dev

如何在MVC应用程序中使用TypeScript

来自分类Dev

如何在iOS应用程序中使用SVG图像

来自分类Dev

如何在余烬应用程序中使用piwik?

来自分类Dev

如何在Rails应用程序模板中使用postgres?

来自分类Dev

如何在Sinatra应用程序中使用sidekiq监控?

来自分类Dev

如何在sailsjs应用程序中使用漂亮错误?

来自分类Dev

如何在WPF应用程序中使用Ninject

来自分类Dev

如何在离线应用程序中使用mysql?

来自分类Dev

如何在SailsJS应用程序中使用多个布局?

来自分类Dev

如何在wsgi应用程序中使用gzip编码?

来自分类Dev

如何在Express应用程序中使用DefinitetlyTyped定义

来自分类Dev

如何在OSGi应用程序中使用JACOB?

来自分类Dev

如何在C#应用程序中使用FluentValidation

来自分类Dev

如何在Ionic应用程序中使用Google Charts

来自分类Dev

如何在PHP应用程序中使用Angular 2?

来自分类Dev

如何在跨平台应用程序中使用QtWinExtras

来自分类Dev

如何在OSX应用程序中使用Core Bluetooth?

来自分类Dev

如何在MVC设计的应用程序中使用SQLAlchemy?

来自分类Dev

如何在Xamarin Android应用程序中使用动画?

来自分类Dev

如何在桌面应用程序中使用测量协议

Related 相关文章

  1. 1

    如何在任何应用程序中使用jQuery注入HTML标记?

  2. 2

    如何在Rails应用程序中使用jQuery自动完成功能

  3. 3

    如何在此Web应用程序中使用jQuery Selector?

  4. 4

    如何在Grails应用程序中使用API

  5. 5

    如何在多线程应用程序中使用Hibernate?

  6. 6

    如何在应用程序中使用像素图?

  7. 7

    如何在SailsJS应用程序中使用OrientDB

  8. 8

    如何在WPF应用程序中使用MSHTML

  9. 9

    如何在Xcode中使用测试(iOS应用程序)

  10. 10

    如何在MVC应用程序中使用TypeScript

  11. 11

    如何在iOS应用程序中使用SVG图像

  12. 12

    如何在余烬应用程序中使用piwik?

  13. 13

    如何在Rails应用程序模板中使用postgres?

  14. 14

    如何在Sinatra应用程序中使用sidekiq监控?

  15. 15

    如何在sailsjs应用程序中使用漂亮错误?

  16. 16

    如何在WPF应用程序中使用Ninject

  17. 17

    如何在离线应用程序中使用mysql?

  18. 18

    如何在SailsJS应用程序中使用多个布局?

  19. 19

    如何在wsgi应用程序中使用gzip编码?

  20. 20

    如何在Express应用程序中使用DefinitetlyTyped定义

  21. 21

    如何在OSGi应用程序中使用JACOB?

  22. 22

    如何在C#应用程序中使用FluentValidation

  23. 23

    如何在Ionic应用程序中使用Google Charts

  24. 24

    如何在PHP应用程序中使用Angular 2?

  25. 25

    如何在跨平台应用程序中使用QtWinExtras

  26. 26

    如何在OSX应用程序中使用Core Bluetooth?

  27. 27

    如何在MVC设计的应用程序中使用SQLAlchemy?

  28. 28

    如何在Xamarin Android应用程序中使用动画?

  29. 29

    如何在桌面应用程序中使用测量协议

热门标签

归档