草庐IT

dom-repeat

全部标签

javascript - knockout.js - 从 DOM 元素获取 ViewModel

是否有可能从给定的DOM元素中获取绑定(bind)的ViewModelJavaScript对象?ko.applyBindings(gLoginViewModel,document.getElementById("login-form"));ko.applyBindings(gLoginViewModel,document.getElementById("register-form"));在其他地方-在相当不相关的代码中-像这样:varviewModel=ko.getViewModel(formElement);viewModel.someObservable(someData);//o

dom - Shadow DOM 是否像 React.js 中的 Virtual DOM 一样快?

在我的项目中实现ShadowDOM是否会使它们像React使用的虚拟DOM一样更快? 最佳答案 它们是不同用途的不同事物,因此比较性能没有意义。虚拟DOM虚拟DOM旨在避免对DOM进行不必要的更改,这在性能方面代价高昂,因为对DOM的更改通常会导致页面重新呈现。VirtualDOM还允许收集要同时应用的多个更改,因此并非每个更改都会导致重新渲染,而是在将一组更改应用到DOM后重新渲染只会发生一次。影子DOMShadowdom主要是关于实现的封装。单个自定义元素可以实现或多或少的复杂逻辑以及或多或少的复杂DOM。可以通过导入和将任意复

javascript - Angular.js ng-repeat 跨多个元素

此问题已在此处得到部分解决:Angular.jsng-repeatacrossmultipletr's然而,这实际上只是一种解决方法,它实际上并没有解决核心问题,即:如何在没有包装器的情况下跨多个元素使用ng-repeat?例如,jquery.accordion要求您重复h3和div元素,如何使用ng-repeat做到这一点? 最佳答案 我们现在对此有适当的支持,请参阅:AngularJsCommmit通过此更改,您现在可以执行以下操作:IgetrepeatedIalsogetrepeated

javascript - 如何在不丢失其状态的情况下在 DOM 中移动 iFrame?

看看这个简单的HTML:假设我想移动换行,使#wrap2位于#wrap1之前。iframe被JavaScript污染了。我知道jQuery的.insertAfter()和.insertBefore()。但是,当我使用它们时,iFrame会丢失其所有HTML、JavaScript变量和事件。假设以下是iFrame的HTML://Thevariablebelowwouldchangeonclick//Thisrepresentschangesonvariablesafterthecodeisloaded//ThesechangesshouldremainaftertheiFrameismo

javascript - 我如何响应 React 中自动调整大小的 DOM 元素的宽度?

我有一个使用React组件的复杂网页,我正在尝试将该页面从静态布局转换为响应速度更快、可调整大小的布局。然而,我一直遇到React的限制,想知道是否有处理这些问题的标准模式。在我的特定情况下,我有一个呈现为带有display:table-cell和width:auto的div的组件。不幸的是,我无法查询组件的宽度,因为您无法计算元素的大小,除非它实际放置在DOM中(DOM具有用于推断实际渲染宽度的完整上下文)。除了将它用于相对鼠标定位之类的事情之外,我还需要它来正确设置组件内SVG元素的宽度属性。此外,当窗口调整大小时,如何在设置过程中将大小更改从一个组件传递到另一个组件?我们在sho

javascript - 如何在 Reactjs 的 react-router-dom 版本 5 中使用重定向

我正在使用最新版本的react-router模块,名为react-router-dom,它已成为使用React开发Web应用程序时的默认设置。我想知道如何在POST请求后进行重定向。我一直在制作这段代码,但是在请求之后,没有任何反应。我在网上查看,但所有数据都是关于reactrouter的以前版本的,并且没有上次更新。代码:importReact,{PropTypes}from'react';importReactDOMfrom'react-dom';import{BrowserRouter}from'react-router-dom';import{Redirect}from'rea

javascript - 在 AngularJs 中迭代 ng-repeat 仅 X 次

如何在Javascript中像for一样使用ng-repeat?例子:Text我想用ng-repeat迭代4次,但我该怎么做呢? 最佳答案 Angular自带一个limitTo:limit过滤器,它支持限制前x项和后x项:{{item}} 关于javascript-在AngularJs中迭代ng-repeat仅X次,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/14198017/

javascript - 如何在 javascript 中获取 DOM 元素的 HTML

假设我有以下HTML:Thisisinbold我想获取div的HTML,包括div本身。Element.innerHTML只返回:...有什么想法吗?谢谢 最佳答案 使用outerHTML:varel=document.getElementById('foo');alert(el.outerHTML); 关于javascript-如何在javascript中获取DOM元素的HTML,我们在StackOverflow上找到一个类似的问题: https://sta

javascript - 获取 DOM 节点的字符串表示

Javascript:我有一个节点(元素或文档)的DOM表示,我正在寻找它的字符串表示。例如,varel=document.createElement("p");el.appendChild(document.createTextNode("Test"));应该产生:get_string(el)=="Test";我有一种强烈的感觉,我错过了一些非常简单的东西,但我就是找不到在IE、FF、Safari和Opera中工作的方法。因此,outerHTML是不可取的。 最佳答案 你可以创建一个临时父节点,并获取它的innerHTML内容:v

javascript - 没有 html 元素的 AngularJS ng-repeat

我目前正在使用这段代码来呈现列表:{{n[0]}}Additionalitem然而,元素在某些浏览器上导致了一些非常小的渲染缺陷。我想知道有没有办法在没有div容器的情况下执行ng-repeat,或者有其他方法可以达到相同的效果。 最佳答案 正如AndyJoslin所说,他们正在研究基于评论的ng-repeatsbutapparentlythereweretoomanybrowserissues.幸运的是,AngularJS1.2添加了对重复的内置支持,而无需使用新指令ng-repeat-start和ng-repeat-end添加子