草庐IT

dom-repeat

全部标签

javascript - 防止在 jquery 中进行多次 DOM 搜索

我创建了一个函数来返回一个jquery元素。functionGetDialogButton(){return$('a.dialog');};这是因为在多个其他函数中使用了相同的元素。我认为最好是从一个地方获取它,因此如果属性名称更改,将来更容易更改。我想改进这个getter,这样它就不会在一次页面加载中多次调用时每次都执行搜索。我该怎么做?我缓存它吗?或者也许没有必要,因为它已经过优化? 最佳答案 可以创建缓存变量,但会再次污染全局命名空间vardialogButton;functionGetDialogButton(){if(di

javascript - 使用 JavaScript 展平 DOM 中的嵌套跨度以优化 HTML 编辑器输出

我需要使用JavaScript重新格式化输入HTML,以便生成的输出HTML始终是的序列包含仅一个或多个的节点节点和每个节点应该包含恰好一个#text节点。举个例子,我想转换如下所示的HTML:Thisisline#1Thisisline#2Thisisline#3Thisisline#4HTML看起来像这样:Thisisline#1Thisisline#2Thisisline#3Thisisline#4额外的,有点离题的信息:文本在TinyMCE编辑器中。HTML需要符合此模式以使应用程序更有用并提供具有可用HTML的PDF输出引擎(wkhtmltopdf如果HTMl变得过于复杂且嵌

javascript - 使用 jQuery 的 DOM 元素的非深拷贝

是否可以在不克隆其内容的情况下在jQuery中创建DOM元素的克隆/副本?我需要将一个div的内容拆分为两个具有相同属性的独立div。因此,例如我需要更改:thisisthefirstsentence.thisisthesecondsentence.变成类似的东西:thisisthefirstsentence.thisisthesecondsentence.具体如何拆分内容比较复杂,但这基本上就是我需要做的。显然,可以使用以下方法创建没有内容的克隆:$(el).clone().empty();但由于我的元素可能变得相当大,我想摆脱不必要地克隆元素内容的开销。想法?谢谢!

javascript - Angular : How can I transclude an element into a template that uses ng-repeat?

我有一个carousel指令,其中包括一些分块,用于将传入的items数组映射到元素结构数组的数组中,然后生成类似于以下伪代码的标记:这个Angular模板看起来像这样:[elementshouldbetranscludedintothisspot.]鉴于我的View代码:tagshouldappearinsidethe'carousel.html'template'sng-repeatlist.-->{{item.name}}我希望嵌入的元素绑定(bind)到最深的ng-repeat的item对象完整的Plunker和简化的测试用例可在此处获得:http://plnkr.co/edi

javascript - 使用 ng-repeat 创建 AngularJS 表

我从数据库得到以下响应。关于类(class)数组,其中类(class)嵌套在组中,最后是学生。"Response":[{"Id":1,"Name":"Class1","Location":"Building1","Groups":[{"Id":1,"Name":"GB1","Students":[{"Id":1,"Name":"Mike","RollNo":"1","Performance":{"Id":1,"Math":"90","Physics":"70","English":"60"}},{"Id":2,"Name":"John","RollNo":"2","Performanc

javascript - 修改 DOM 元素和限制回流的最有效方法是什么?

当使用具有潜在大型JS库、View模板、验证、ajax、动画等的非常动态的UI(想想单页应用程序)时......有哪些策略可以帮助最大程度地减少或减少浏览器花费的时间回流焊?例如,我们知道有很多方法可以完成DIV大小的更改,但是是否有应该避免的技术(从回流的Angular来看)以及浏览器之间的结果有何不同?这是一个具体的例子:给出了一个简单的示例,其中包含3种不同的方法来在调整窗口大小时控制DIV的大小,应该使用哪种方法来最大程度地减少回流?http://jsfiddle.net/xDaevax/v7ex7m6v///Method1:PureJavascriptfunctionresi

javascript - ng-repeat:在点击时显示一个项目并隐藏其他项目

我有一个ng-repeat,它显示div列表,当我点击其中一个时,它会为点击的项目显示一个附加的div。这是有效的{{item.title}}{{item.content}}{{item.info}}我的项目是从一个包含项目列表的json加载的,每个项目在这个json中都有一个默认属性showfull设置为false。这是有效的,但现在我想在单击某个项目时隐藏列表中的所有其他项目。我尝试过这样的事情:这不起作用{{item.title}}{{item.content}}{{item.info}}在Controller中我添加了一个函数:$scope.expand=function(e)

javascript - 你怎么能抓取dom中的元素并在没有id的情况下应用不同的css?

我在这里有点困惑。我正在做一个动态元素,我想应用不同的css具有相同类但没有id的div。我如何将不同的css应用到具有相同类的第一个div,然后不同的css到同一类的第二个div等等......假设我将fullwidthContainer类应用于3divs对于第一个div,我想要宽度1000px,第二个我想要800px等等。我不能在这里给出id或其他类,因为它是动态生成的。请帮忙。谢谢。好的,我是用javascript做的functionemphatic(){vartotalContainers=document.getElementsByClassName('fullwidthCo

javascript - 如何使用 Webassembly (wasm) 访问和修改文档对象模型 (DOM)?

关闭。这个问题需要更多focused.它目前不接受答案。想改进这个问题吗?更新问题,使其只关注一个问题editingthispost.关闭6年前。Improvethisquestion我知道webassembly(wasm)仍处于起步阶段,但我想知道我是否以及如何使用它来更改DOM(就像我使用Javascript来更改DOM一样)更改DOM)。这是官方页面:WasmMVP

javascript - 使用浏览器解析 CSS 而无需触及 DOM/样式

我有这样的东西:constsomeCSS=`.foo{padding:20px;background-color:#ddf;width:100px;}.bar{height:100px;}.foo{padding-top:30px;/*thisoverridesthepreviousone*/}`;我可以将此添加到DOM中,并使用这样的每个规则(jsFiddle)取回所有选择器:conststyle=document.createElement('style');style.innerHTML=someCSS;document.head.append(style);conststyle