3

I'm working on a site which, though not enormous, has enough JavaScript to make me feel that it'd benefit from requirejs. The modular way that we break the page up (and functionality) seems to support this too.

While there's plenty of examples of using requirejs in single page applications, I can't see many examples of use on a non-SPA site.

For example, I'm using jQuery UI Tabs, which I want to be run on every page. So I'd want to run something like $('.tabs').tabs(); Would you just put this in your main.js/app.js (or whatever you specify for data-main)?

Second question. The page is built up using HTML/CSS modules. The CMS behind the site knows which HTML/CSS modules are on the page and so I can dynamically write the requirejs config so that I know which JavaScript modules to initialise. Is this a common approach? Although I may actually include all JavaScript files, I'm keen to optimise the code in main.js to ensure that it's only executing code for modules that are being used on the page. Has anyone done this?

Thanks very much,

James.

4

1 回答 1

0

您的要求的解决方案是不同的，

main.js 应该具有将在需求上调用的函数（不同的需求 - 不同的函数）

这将确保只运行所需的代码。

或者，如果您可以定义动态 JS >>，它将在每个新函数调用时重新创建。通过 CMS，其复杂但可能。就像基于浏览器类型和版本检查调用的动态 css。

--

在所有文件中调用js文件

如果您使用的是 PHP 或 APS 或 .NET（您可以使用一些头文件或主文件。调用该“js”文件一次，否则必须手动将 js 文件链接添加到每个文件以防静态文件，或者

您可以使用我们已经在所有文件中使用的其他 JS 文件来调用 JS 文件。

更新：尝试使用此 JS 代码JS file在需要的地方而不是在每个页面上动态添加..

$("head").append('<script type="text/javascript" src="global.js"></script>');

这将在调用的页面上动态添加脚本文件。因此，在使用的 JS 中或在script标签下的页面上添加这一行；并给出所需文件的路径，即这里src="global.js"

希望对你有帮助，如有问题，请回复:)

于 2013-03-12T04:40:00.340 回答