草庐IT

dom-repeat

全部标签

javascript - 无法使用服务器端渲染访问 DOM - react 0.14.1、react-dom 0.14.1 和 react-router 1.0.0-rc3

我无法使用react、react-dom和react-router的服务器实现访问DOM。我有ReferenceError:documentisnotdefined,或者BrowserhistoryneedsaDOMerrors。服务器入口:module.exports=function(req,res,next){match({routes,location:req.url},(error,redirectLocation,renderProps)=>{if(error){res.status(500).send(error.message);}elseif(redirectLoca

javascript - 一次又一次地使用 ng-repeat 可以吗?

我正在用AngularJS构建一个应用程序,我有一个非常复杂的JSON文件,其中有很多子数组和对象。所以我的问题是:为了从JSON访问数据,可以一次又一次地使用ng-repeat吗?{{grandChild.name}}-----或者AngularJS中有一些循环方法可用-----或者我们必须使用旧的JavaScriptfor循环示例数据{"data":{"categories":{"articles":{"bdh":[{"id":1,"name":"bdharticle1","body":"thisisbdharticle1body."},{"id":2,"name":"bdhart

javascript - 如何在 DOM 中显示 source map 的 JS 错误

我正在尝试调试使用create-react-app为Googlebot创建的应用。TL:DR:我需要将我的错误添加到DOM中,以便它在Google机器人渲染中可见。问题是我如何获得React在开发中显示的准确(通过源映射)文件/行/列号以显示在DOM节点中。关于Googledocumentationfordebuggingrendering,他们提供了一个使用全局window.addEventlistener('error')的片段,将错误添加到DOM,以便它在Googlebot生成的渲染屏幕截图中可见。但是,当我在开发中尝试这样做时,我将其作为堆栈跟踪的第一行:在Home.rende

javascript - 从父 JavaScript 访问跨域 IFrame DOM 属性

这个问题在这里已经有了答案:Waystocircumventthesame-originpolicy(8个答案)关闭7年前。已经有一些类似的问题,但它们往往涉及child与parent的关系。另一方面,我希望能够获得IFrame的DOM的一些属性。我不想操纵任何东西。我只想能够读取属性或DOM节点。诸如属性或内容之类的东西。AFAIK这是不可能的,除非我使用像window.postMessage这样的东西。与此解决方案一样合理的是,它基于事件监听器。这需要在IFrame中定义一个监听器,这意味着更改IFrame的代码。我想避免这种情况。如果你想进行跨域Ajax调用,你可以(如果你也有访

javascript - 我可以强制浏览器在继续执行 javascript 之前呈现出 DOM 更改吗?

我正在填充一个包含大约500行的表格,这需要浏览器几秒钟的时间来呈现,而它看起来是卡住的。这就是为什么我要显示一条消息,请求用户耐心等待:$.ajax({url:'{{search_url}}',success:function(response){$('#progress').text('Renderingresults,pleasewait...');clear_table();populate_table(response);}});消息没有显示-显然浏览器(在Chrome23中测试)缓冲了所有DOM更改并一次渲染它们。作为一种解决方法,我发现当我延迟填充表直到执行返回到事件循环

javascript - 如何淡出和删除由 ng-repeat 创建的元素

我有使用以下方法创建的消息列表:varmessages=["FooBar","LoremIpsum","DolorSitAmet"];app.controller('fooControler',function($scope){$scope.messages=[{"message":"HelloThere"}];functioninsert(){varrandom=Math.round(Math.random()*(messages.length-1));varmessage=messages[random];messages.splice(random,1);$scope.$appl

javascript - 在 DOM 元素之后移动选择

我目前正在为网络构建一个Markdown编辑器。通过Range附加HTML等价物,实时预览Markdown标签。界面。使用了以下代码,根据MDN应该可以正常工作:varrange=document.createRange()varselection=window.getSelection()range.setStart(textNode,start)range.setEnd(textNode,end+2)surroundingElement=document.createElement('strong')range.surroundContents(surroundingElement

javascript - angularJS:WAITING ng-if 完成,以确保 DOM 已准备就绪

我正在使用ng-if来显示和隐藏一个元素。当该元素出现时,我想调用一个服务,该服务在新元素内滚动到某个子元素(按Id)。问题是,如果我在将元素设置为可见后立即尝试调用我的服务函数,那么DOM似乎还没有准备好。varmyApp=angular.module('myApp',[]);myApp.factory("ScrollService",function(){return{scroll:function(id){console.log(document.getElementById(id));}};});functionMyCtrl($scope,ScrollService){$sco

javascript - JQuery Draggable Droppable 和 Sortable 同时用于 DOM 操作

我正在尝试使用JQueryUI设置某种拖放所见即所得的编辑器。我已经成功地设置了这些元素,但是它们有一个奇怪的行为。由于不断闪烁,几乎不可能对项目进行排序。我这样设置我的可拖动对象:el.draggable({containement:'.main-form-container',revert:"invalid",connectToSortable:'.sortable'}).disableSelection();如果我不将其设置为可拖动,则sortable会将占位符放置在其自身上!为什么?有时,当一个元素被放入另一个元素时,它会变成一个可拖动的元素并且看起来粘在一起。尽管这似乎已通过

javascript - 获取与 Leaflet 类关联的 DOM 元素

有没有办法得到一个Marker对应的DOM元素?或Layer附传单,likeitiswithGoogleMaps? 最佳答案 getContainer()是获取DOM元素的更正式的方法,但仅在Map上可用。,TileLayer,和Controls类。 关于javascript-获取与Leaflet类关联的DOM元素,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/22278282/