草庐IT

dom-repeat

全部标签

javascript - 将 HTML DOM 结构转换为 JSON

我在这上面浪费了很多时间..递归部分很虚幻。对于给定的HTML结构,深度未知,我需要转换为JSON。(我在我正在构建的一些YAMLi18n翻译系统中使用它)我的一般想法是深入直到找到INPUT,然后创建一个具有span.innerHTML/input.value的键/值的对象,并返回对象,因此它将是最后一个KEY的值达到。(是的,有点复杂但是开发起来很有趣)JSBINplayground-实时代码示例我无法让我的递归函数正常工作,无法输出我想要的JSON...HTML结构footerstatementlandingpage_titlepage_sub_titlepricingtitle

javascript - 托管在不同域上的 JavaScript 可以读取/修改另一个域的 DOM 吗?

我有一个关于托管在域(例如:CDN域,例如example.com)但从不同域(例如example.net)下的网站加载的JavaScript的潜在安全问题/限制的问题.现在假设加载的JavaScript将只读取/修改具有特定id的div中的文本,所以没有什么“复杂”的。一个例子:我从http://example.com/myscript.js加载了脚本,并在http://example.net/index.html上执行:[注意不同的TLD!]我知道我无法从JavaScript访问mysite.com下的Cookie,但我可以访问页面上的所有DOM,以防万一,修改它。这不是一个可能的安

javascript - IE8 中的 jQuery 和 DOM 操作性能问题

我在工作中用JQuery开发了一个模块,它基本上是一个具有以下功能的表格细胞水平编辑行级编辑拖放n行以改变位置显示/隐藏列调整列的大小在FF9.0、IE9和Chrome等最新浏览器上一切正常,但在IE8和FF3.6等较旧的浏览器中,随着表格中行数的增加,页面性能显着降低。我已经尝试了很多来自jQuery和DOM操作的优化,但仍然对性能没有影响。知道我是否遗漏了一些东西或一些技巧来使性能更好,即达到可接受的水平。我没有使用任何插件,一切都是我的自定义实现。javascript文件非常大,我正在寻找一些通用的良好做法和技巧。 最佳答案

javascript - timer._repeat 不是函数?

Nodev4.2.6我有一个小程序:varchokidar=require('chokidar');var_=require('lodash');varq=require('q');varfs=require('fs');varfaker=require('faker');varfile='testfile.txt';varpending='';varwriter;fs.open(file,'w+',function(){writer=fs.createWriteStream(file);writer.on('error',function(err){console.log(err);

dom 节点太多的 Javascript 性能问题?

我目前正在调试一个ajax聊天,它不断地用DOM元素填充页面。如果你的聊天持续了大约3个小时,你最终会知道有多少DOM节点。与极端DOM使用相关的问题是什么?UI是否有可能变得完全无响应(尤其是在InternetExplorer中)?(与此问题相关的当然是解决方案,如果除了手动垃圾收集和删除dom节点之外还有其他解决方案。) 最佳答案 大多数现代浏览器应该能够很好地处理巨大的DOM树。而“大多数”通常不包括IE。是的,您的浏览器可能会变得无响应(因为它需要太多RAM->交换)或者因为它的渲染器不堪重负。标准解决方案是删除元素,比如在

javascript - jQuery UI 可拖动不适用于新创建的 DOM 元素

我有一些可使用jQueryUI拖动的DOM元素。一切正常,但当我使用jQuery创建一些元素时,它们根本不可拖动。即$('div.draggable').draggable();//Existingelement,itworks:)$('p.draggable').draggable();//Newlycreatedparagraphwithsameclassname,itdoesntworkatall:(提前致谢!!!我正在尝试这个:$(document).ready(function(){$('body').append('NewlyCreatedParagraph');$('p.

javascript - Aurelia 绑定(bind) : property-getter called repeatedly

我目前正在学习和使用Aurelia,并且发生了一些奇怪的(也许是正常的)事情。当使用下面的代码时exportclassNavBar{getusername(){console.log('o_o')return'name'+Date.now()}}并且在模板${username}中,用户名始终在更新,每秒更新几次(当然,console.log也会记录多次)。解决方法是简单地使用函数而不是getter并在模板中调用${username()}。但这种行为正常吗?那么我应该有时使用setter/getter有时不使用setter/getter吗?谢谢! 最佳答案

javascript - 使用 meteor 模板助手获取 DOM 元素

例如我的html是Click在meteor模板助手中,我希望能够选择anchor标记。Template.atest.route=function(){console.log(this.data-test);};我不确定这是否可以完成,但可以肯定的是,通过我尝试过的任何方法都无法完成。我知道有一种方法可以在模板实例中传递参数,但我不想那样。我希望能够选择模板实例所在的anchor标记并对其进行处理。感谢我能得到的任何帮助。 最佳答案 不是在helpers中,而是在rendered回调中你可以这样做:Template.atest.ren

javascript - 如何从 Angular JS ng-repeat 中的数组访问第一个值

这是数组["236.jpg","239.jpg","294.jpg","748.jpg","157.jpg","446.jpg","871.jpg","778.jpg"]我要访问"236.jpg".下面是我用来获取顶部数组的代码。现在我如何使用下面的代码获取第一个项目?{{x.images}}请帮我找出解决方案。这里是完整代码{"info":[{"id":"11","name":"brown","description":"fasdfasd","size":"fasdf","color":"5a72fb","created_at":"2015-09-0822:33:33","updat

javascript - 我如何通过 angularJS 中的嵌套键值对正确地重复 ng-repeat

查看实时代码:AngularJS究竟如何才能正确地遍历嵌套的键值对并像下面这样正确地输出它们?我想要的View是这样一棵树-touts-classes-col-12-col-md-12-col-lg-12当前View是:touts{"classes":["col-12","col-md-12","col-lg-12"]}JS:varcurrentApp=angular.module('currentApp',[]);currentApp.controller('ACtrl',function($scope){$scope.templates={'touts':[{'classes':[