Tag: JavaScript

用于HTTP基本authentication的纯JavaScript代码？: 我在哪里可以find在纯JavaScript中实现HTTP基本authentication客户端的参考代码，适合AJAX？可以独立于JS工具包（如YUI）使用的代码或指向代码的指针的额外点。没有Java，Flash / Flex，PHP框架等的要点

JavaScript：DOM加载事件，执行顺序和$（document）.ready（）: 我刚刚意识到我缺乏关于浏览器正在加载的页面的基本知识。假设我有这样的结构： <head> <script src="jquery.js" type="text/javascript"></script> <script src="first.js" type="text/javascript"></script> </head> <body> … <script type="text/javascript" id="middle"> // some more JS here… </script> … <script src="last.js" type="text/javascript"></script> </body> 以下是我的问题：事情发生的顺序是什么？首先是DOM，然后是JS执行，反之亦然，或者是同时执行（或者只要JS文件完成下载，不考虑DOM）？我知道脚本是按顺序加载的。 $(document).ready()在哪里适合？在Firebug的Net选项卡中，我看到DOMContentLoaded事件和load事件。 $(document).ready()在DOMContentLoaded事件触发时触发？找不到任何具体的信息（大家只是提到“何时加载DOM”）。 “什么时候装载DOM”是什么意思？所有的HTML / JS已被浏览器下载和parsing？或者只是HTML？下面的情况是可能的：有一个$(document).ready()在last.js中调用代码，但在last.js加载之前运行？它最可能在哪里（在first.js或内联代码块中）？我怎样才能防止这种情况？我想要展示什么时候会发生什么，什么取决于什么（如果有的话）的大局。

Twitter Bootstrap 3中默认的图像不响应？: 它看起来像新版本3.0我必须设置图像的类名称col-lg-4 col-sm-4 col-4如果图像是div的一部分与相同的类名称，使图像响应所有的断点。在版本2中，图像CSS属性默认inheritance父级的div属性。它是否正确？

通过HTML5和JavaScript中的localStorage循环播放: 所以，我想我可以只是像一个普通的对象循环localStorage，因为它有一个长度。我怎么能通过这个循环？ localStorage.setItem(1,'Lorem'); localStorage.setItem(2,'Ipsum'); localStorage.setItem(3,'Dolor'); 如果我做一个localStorage.length它返回3这是正确的。所以我会假设一个for…in循环会起作用。我在想像这样的东西： for (x in localStorage){ $('body').append(localStorage[x]); } 但没有用。有任何想法吗？我的另一个想法是类似的 localStorage.setItem(1,'Lorem|Ipsum|Dolor') var split_list = localStorage.getItem(1).split('|'); 其中for…in工作。

$ .each（）vs（）循环 – 和性能: 这些主要是我一直想知道的一些事情，也许有人可以给我更多的洞察力，我会分享我迄今为止注意到的！我一直想知道的第一件事是…有没有什么区别好或理由使用： $('element').each(function (i, el) { }); – 与 – $.each($('element'), function (i, el) { }); 看着jQuery的文档，我看不出任何一个或其他的原因（也许你知道一个实例或另一个可以做的事情比另一个。但更重要的是我关心速度 // As opposed to $.each() looping through a jQuery object // — 8x faster for (var i = 0, $('.whatever').length; i < len; i++) { $('.whatever')[i] // do stuff } 如果你在这里查看这个jsFiddle DEMO ，你会发现速度的差异基本上与它们中的任何一个相当，但是更重要的是我觉得应该总是使用for()循环。我只是unit testing（遍历5个不同场景函数的每一个，5万次），简单地遍历一堆列表项，并设置一个data-newAttr ，没有什么特别的。问题：我想我最大的问题是，为什么不在迭代通过对象时总是使用循环？ […]

从浏览器下载JSON对象作为文件: 我有以下代码让用户下载数据string在CSV文件。 exportData = 'data:text/csv;charset=utf-8,'; exportData += 'some csv strings'; encodedUri = encodeURI(exportData); newWindow = window.open(encodedUri); 它工作得很好，如果客户端运行代码，它会生成空白页面，并开始下载CSV文件中的数据。所以我试图用JSON对象来做这件事 exportData = 'data:text/json;charset=utf-8,'; exportData += escape(JSON.stringify(jsonObject)); encodedUri = encodeURI(exportData); newWindow = window.open(encodedUri); 但是我只看到一个显示JSON数据的页面，而不是下载它。我经历了一些研究，这一个声称工作，但我没有看到任何区别，我的代码。我在代码中丢失了什么吗？感谢您阅读我的问题:)

Angular JS自定义分隔符: 如何使用angularJS的自定义分隔符？我想从{{ var }}语法更改为[[ var ]] 。有人可以告诉我一个完整的例子，如何与Angular实现这个？

如何从AngularJS的JSON feed中填充select下拉列表？: 我一直在努力寻找榜样，但根本找不到任何东西。我唯一知道的是我可以使用http模块来获取我的数据。这是我目前正在做的，但它是用Knockout编码的。有人可以给我一些build议，我怎么可以使用AngularJS重新编码这个function？ HTML <select id="testAccounts" data-bind="options: testAccounts, optionsValue: 'Id', optionsText: 'Name', optionsCaption: 'Select Account', value: selectedTestAccount"> </select> 使用Javascript <script type='text/javascript'> $(document).ready(function () { var townSelect = function () { var self = this; self.selectedTestAccount = ko.observable(); self.testAccounts = ko.observableArray(); var townViewModel = new townSelect(); ko.applyBindings(townViewModel); $.ajax({ url: '/Admin/GetTestAccounts', data: { applicationId: 3 }, […]

用jQuery创build表格 – 追加: 我在页面div上： <div id="here_table"></div> 和在jQuery中： for(i=0;i<3;i++){ $('#here_table').append( 'result' + i ); } 这为我生成： <div id="here_table"> result1 result2 result3 etc </div> 我想在表格中收到： <div id="here_table"> <table> <tr><td>result1</td></tr> <tr><td>result2</td></tr> <tr><td>result3</td></tr> </table> </div> 我在做： $('#here_table').append( '<table>' ); for(i=0;i<3;i++){ $('#here_table').append( '<tr><td>' + 'result' + i + '</td></tr>' ); } $('#here_table').append( '</table>' ); 但是这对我产生了： <div id="here_table"> <table> </table> !!!!!!!!!! <tr><td>result1</td></tr> <tr><td>result2</td></tr> <tr><td>result3</td></tr> […]

迭代ng-在AngularJs中只重复X次: 如何在JavaScript中使用ng-repeat？例： <div ng-repeat="4">Text</div> 我想重复ng-repeat 4次，但是我怎么做呢？