天道酬勤,学无止境

load-order

main.* 中的 Meteor JS javascript 文件仍然无法正确加载。 加载顺序的最佳实践?(Meteor JS javascript files in main.* still don't load correctly. Best practices for load order?)

问题 在过去的 2 周里,我一直在构建一个 Meteor 项目,我想从使用过 Meteor 的人那里得到一些关于加载顺序的想法。 拿这个模板: http://bootstraptaste.com/free-one-page-bootstrap-template-amoeba/ 所有重要的 javascript 文件都在 index.html 的底部引用。 如果您尝试将其移植到 Meteor 项目,祝您好运所有效果和动画都能正常工作,尤其是main.js那些 简单地将脚本标签留在底部意味着大量的 javascript 和 jQuery 动画将无法工作,因为在 Meteor 中,JS 文件完全有可能在 DOM 完全加载之前加载。 这打破了很多事情。 使用 Meteor,任何名为 main.* 的文件都将在其他所有文件之后加载。 请注意,这似乎仅意味着 main.* 在其他所有内容之后开始加载。 它没有说明文件何时完成加载。 main.js的脚本仍然不起作用。 如果我将所有脚本标签放入它们自己的main.html ,然后将其作为模板附加到index.html中,动画仍然不起作用。 我试过了 Template.layout.created = function() { $('head').append(''); } 这也行不通。 使用 Meteor.startup( func )

2021-10-14 14:04:37    分类:技术分享    javascript   meteor   load-order

Meteor JS javascript files in main.* still don't load correctly. Best practices for load order?

For the past 2 weeks I've been building a Meteor project and I would like some thoughts on load order from people who've used and struggled with Meteor. Take this template: http://bootstraptaste.com/free-one-page-bootstrap-template-amoeba/ All the important javascript files are referenced at the bottom of index.html. If you try to port this over to a Meteor project, good luck getting all the effects and animations to work, especially those in main.js Simply leaving the script tags at the bottom means a ton of the javascript and jQuery animations won't work because in Meteor it's entirely

2021-10-11 20:06:06    分类:问答    javascript   meteor   load-order

动态添加的脚本标签的加载顺序(Load ordering of dynamically added script tags)

问题 我有一个打字稿应用程序,可以动态添加指向 JS 文件的脚本标签。 由于某些限制,我无法在 html 文件中静态定义这些脚本标签,因此我通过 typescript 动态添加它们,如下所示: for (let src of jsFiles) { let sTag = document.createElement('script'); sTag.type = 'text/javascript'; sTag.src = src; sTag.defer = true; document.body.appendChild(script); } 现在,我注意到,当我动态添加脚本标签时,它们似乎并不能保证它们的加载顺序。 不幸的是, jsFiles数组具有相互依赖的脚本。 因此,数组中的第二个脚本只能在第一个脚本完全加载后加载。 第二个脚本引用了在第一个脚本中定义的函数。 有没有一种方法可以在动态添加脚本时指定脚本的排序和执行顺序(类似于在 html 文件中静态定义脚本标签时的排序方式)? PS 我想避免使用 onload 回调来解决这个问题,因为我注意到我的应用程序的性能下降。 我的第二个脚本文件非常大,我假设这导致了降级。 回答1 我可以提到一些替代方案来克服该要求: 使用库注入依赖项(AMD 或 CommonJS 模块) 只需使用模块。 ES2015: import / export

2021-06-24 23:50:54    分类:技术分享    javascript   html   typescript   load-order

在 Meteor JS 中,如何控制与 DOM 加载顺序相关的 Javascript 加载顺序? 对于动画(In Meteor JS, how to control Javascript load order in relation to DOM load order? For animations)

问题 我有一个我下载的模板: http://halibegic.com/projects/merlin/ 我想在 Meteor 中使用它,但我遇到了重大问题 <script src="assets/js/script.js"></script> 在第 444 行的底部未按正确顺序加载。 当页面加载时,此 js 文件中指定的 4 个函数都不起作用。 initNavbar(); initPortfolio(); initAnimations(); initTwitterFeed(); 我的public文件夹中有所有 css、字体、图像和 js 文件,并且它们都在 HTML 中正确引用。 它们不在lib目录中,该目录在其他所有内容之前加载。 我认为这是因为脚本在加载 DOM 之前以某种方式加载,所以它没有可应用的 DOM。 我尝试过的事情: 当我将script.js的名称更改为main.js并将第 444 行更改为<script src="assets/js/main.js"></script> ,动画仍然不起作用。 当我将其添加到脚本文件中时,它仍然无法正确加载: $(document).ready(function () { initNavbar(); initPortfolio(); initAnimations(); initTwitterFeed(); })

2021-06-11 23:01:28    分类:技术分享    javascript   animation   meteor   load-order

In Meteor JS, how to control Javascript load order in relation to DOM load order? For animations

I've got a template that I downloaded: http://halibegic.com/projects/merlin/ I want to use it in Meteor and I'm having major issues with <script src="assets/js/script.js"></script> at the bottom on line 444 not loading in the right order. When the page loads, none of the 4 functions specified in this js file work. initNavbar(); initPortfolio(); initAnimations(); initTwitterFeed(); I have all the css, fonts, images, and js files in my public folder and they are all correctly referenced in the HTML. They are not in the lib directory which loads before everything else. I think it's because the

2021-04-28 10:43:17    分类:问答    javascript   animation   meteor   load-order

Load ordering of dynamically added script tags

I have a typescript application that dynamically adds script tags that point to JS files. Due to some restrictions I cant have these script tags statically defined in a html file, so I add them dynamically through typescript like this: for (let src of jsFiles) { let sTag = document.createElement('script'); sTag.type = 'text/javascript'; sTag.src = src; sTag.defer = true; document.body.appendChild(script); } Now, I am noticing that, when I add script tags dynamically, their doesn't seem to be a guarantee in the order in which they are loaded. Unfortunately, the jsFiles array has scripts that

2021-04-07 03:28:18    分类:问答    javascript   html   typescript   load-order

Waiting for dynamically loaded script

In my page body, I need to insert this code as the result of an AJAX call: <p>Loading jQuery</p> <script type='text/javascript' src='scripts/jquery/core/jquery-1.4.4.js'></script> <p>Using jQuery</p> <script type='text/javascript'> $.ajax({ ... }); </script> I can't use $.load() since the document has already loaded, so the event doesn't fire. Is this safe? If not, how do I make sure the jquery script has loaded before my custom, generated code is executed.

2021-03-29 20:46:40    分类:问答    javascript   jquery   html   load-order

加载和执行脚本的顺序(load and execute order of scripts)

问题 在HTML页面中包含JavaScript的方法有很多。 我知道以下选项: 内联代码或从外部URI加载包含在<head>或<body>标记[1,2]中没有, defer或async属性(仅外部脚本) 包含在静态源中或由其他脚本动态添加(处于不同的解析状态,具有不同的方法) 不计算硬盘中的浏览器脚本,javascript:URI和onEvent属性[3],已经有16种方法可以使JS执行,而且我敢肯定我忘了一些东西。 我不太关心快速(并行)加载,我对执行顺序感到好奇(它可能取决于加载顺序和文档顺序)。 是否有一个涵盖所有情况的良好(跨浏览器)参考? 例如,http://www.websiteoptimization.com/speed/tweak/defer/只处理其中的6种,并且大多测试旧的浏览器。 我担心没有,这是我的特定问题:我有一些(外部)头脚本用于初始化和脚本加载。 然后,在正文末尾有两个静态的内联脚本。 第一个让脚本加载器动态地将另一个脚本元素(引用外部js)附加到主体。 静态内联脚本的第二个要使用添加的外部脚本中的js。 它可以依赖另一个已执行的命令(为什么:-)吗? 回答1 如果您不是动态加载脚本或将其标记为defer或async ,那么将按照页面中遇到的顺序加载脚本。 不管是外部脚本还是内联脚本,它们都按照在页面中遇到的顺序执行。 保留在外部脚本之后的内联脚本

2021-03-26 17:21:10    分类:技术分享    javascript   load-order

load and execute order of scripts

There are so many different ways to include JavaScript in a html page. I know about the following options: inline code or loaded from external URI included in <head> or <body> tag [1,2] having none, defer or async attribute (only external scripts) included in static source or added dynamically by other scripts (at different parse states, with different methods) Not counting browserscripts from the harddisk, javascript:URIs and onEvent-attributes [3], there are already 16 alternatives to get JS executed and I'm sure I forgot something. I'm not so concerned with fast (parallel) loading, I'm more

2021-03-20 02:56:42    分类:问答    javascript   load-order