Tag: JavaScript

加载和执行一个网页的顺序？: 我已经完成了一些基于Web的项目，但是我不太关心普通网页的加载和执行顺序。但是现在我需要知道细节。很难从Google或SO那里find答案，所以我提出了这个问题。示例页面如下所示： <html> <head> <script src="jquery.js" type="text/javascript"></script> <script src="abc.js" type="text/javascript"> </script> <link rel="stylesheets" type="text/css" href="abc.css"></link> <style>h2{font-wight:bold;}</style> <script> $(document).ready(function(){ $("#img").attr("src", "kkk.png"); }); </script> </head> <body> <img id="img" src="abc.jpg" style="width:400px;height:300px;"/> <script src="kkk.js" type="text/javascript"></script> </body> </html> 所以这是我的问题：这个页面如何加载？什么是装载顺序？ JS代码是什么时候执行的？（内联和外联）什么时候执行（应用）CSS？ $（document）.ready何时执行？将abc.jpg下载？或者只是下载kkk.png？我有以下的理解：浏览器首先加载html（DOM）。浏览器开始从上到下，逐行加载外部资源。如果满足<script> ，加载将被阻塞，并等待JS文件加载并执行，然后继续。其他资源（CSS /图像）并行加载并在需要时执行（如CSS）。或者是这样的：浏览器parsinghtml（DOM）并以数组或堆栈式结构获取外部资源。在加载html之后，浏览器开始并行地加载结构中的外部资源并执行，直到所有的资源被加载。然后，根据JS，DOM将根据用户的行为而改变。 […]

pipe理webpack中的jQuery插件依赖: 我在我的应用程序中使用了Webpack，在这个应用程序中，我创build了两个入口点 – 所有JavaScript文件/代码的bundle.js，以及jQuery和React等所有库的vendor.js。我该怎么做才能使用jQuery作为依赖的插件，我也想在vendor.js中使用它们？如果这些插件有多个依赖关系呢？目前我试图在这里使用这个jQuery插件 – https://github.com/mbklein/jquery-elastic 。 Webpack文档提到了providePlugin和imports-loader。我用providePlugin，但仍然是jQuery对象不可用。这里是我的webpack.config.js看起来像 – var webpack = require('webpack'); var bower_dir = __dirname + '/bower_components'; var node_dir = __dirname + '/node_modules'; var lib_dir = __dirname + '/public/js/libs'; var config = { addVendor: function (name, path) { this.resolve.alias[name] = path; this.module.noParse.push(new RegExp(path)); }, plugins: [ new webpack.ProvidePlugin({ $: […]

jqgrid服务器端错误消息/validation处理: 在我的JSON响应中，我有“状态”和“错误”属性。如何使用这个错误属性与jqGRid。 parsing所有错误并在对话框中显示它们。基本上只是检查，如果状态：'错误'然后显示所有错误。谢谢！

正确的JavaScriptinheritance: 我一直在阅读很多有关JavaScript的“inheritance”的文章。其中一些使用new而其他人推荐Object.Create 。我读得越多，我就越感到困惑，因为它似乎存在无数的变种来解决inheritance问题。有人可以善意地向我展示最可接受的方式（或事实上的标准，如果有的话）？（我想有一个基本对象Model ，我可以扩展RestModel或LocalStorageModel 。）

下划线模板引发variables未定义错误: 我看了一些关于骨干js主题的video。这是直接来自video的例子。从2012年开始，所以我认为骨干规则/图书馆已经发生了变化，但是我不明白为什么现在不行。在video中，这个人显示它运行在JS小提琴，但我不能得到它的工作。（我已经在JS Fiddle中包含了必要的库，例如下划线，主干和jQuery） var V = Backbone.View.extend({ el:'body', render: function () { var data = { lat: -27, lon: 153 }; this.$el.html(_.template('<%= lat %> <%= lon%>', data)); return this; } }); var v = new V(); v.render(); <script src="../../../underscore-min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="http://backbonejs.org/backbone-min.js"></script>

我如何得到在JavaScript中的两个date之间的差异？: 我正在创build一个应用程序，它可以让你用一个时间框架来定义事件。我想在用户select或更改开始date时自动填写结束date。然而，我不能完全弄清楚如何获得两次之间的差异，然后如何使用该差异来创build新的结束date。

在for循环中分配点击处理程序: 我有几个div的#mydiv1 ， #mydiv2 ， #mydiv3 ，…并想分配点击处理程序给他们： $(document).ready(function(){ for(var i = 0; i < 20; i++) { $('#question' + i).click( function(){ alert('you clicked ' + i); }); } }); 但是，当点击#mydiv3 （至于其他点击），而不是显示'you clicked 3' ，我得到'you clicked 20' 。我究竟做错了什么？

如何从JavaScript发送电子邮件: 我希望我的网站能够在不刷新页面的情况下发送电子邮件。所以我想用Javascript。 <form action="javascript:sendMail();" name="pmForm" id="pmForm" method="post"> Enter Friend's Email: <input name="pmSubject" id="pmSubject" type="text" maxlength="64" style="width:98%;" /> <input name="pmSubmit" type="submit" value="Invite" /> 这里是我想如何调用该函数，但我不知道该怎么把JavaScript函数。从我所做的研究中，我发现了一个使用mailto方法的例子，但是我的理解是，并不直接从网站发送。所以我的问题是我在哪里可以find什么东西放在JavaScript函数直接从网站发送电子邮件。 function sendMail() { /* …code here… */ }

IE9是否支持console.log，是一个真正的function？: 在哪些情况下是在Internet Explorer 9中定义的window.console.log ？即使定义了window.console.log.apply ， window.console.log.apply和window.console.log.call也是未定义的。为什么是这样？ [IE8的相关问题：IE8 中console.log发生了什么事？ ]

如何在CoffeeScript中定义全局variables？: 在Coffeescript.org上： bawbag = (x, y) -> z = (x * y) bawbag(5, 10) 将编译为： var bawbag; bawbag = function(x, y) { var z; return (z = (x * y)); }; bawbag(5, 10); 通过node.js下的咖啡脚本编译包装： (function() { var bawbag; bawbag = function(x, y) { var z; return (z = (x * y)); }; bawbag(5, 10); }).call(this); 文档说： […]