草庐IT

dom-repeat

全部标签

javascript - JS - 找出被遮挡的 DOM 元素的可见百分比

编辑以下HTML和CSS只是一个示例,真正的用例涉及复杂的DOM,并且应该足够通用以适用于不同的网页。唯一有效的假设是所有元素都是矩形的。鉴于以下情况:HTMLABCDCSS.a,.b,.c,.d{border:solid1pxblack;opacity:0.5;font-family:arial;position:absolute;font-size:20px;}.a{width:300px;height:250px;top:30px;left:20px;background:green;}.b{width:300px;height:145px;top:10px;left:20px;

android - 安全错误 : DOM Exception 18 on openDatabase

我有一个基于Web的Android应用程序,它使用WebSQL进行存储。出于某种原因,一次调用openDatabase(响应按钮单击)会导致DOMException并显示消息"SECURITY_ERR:DOMException18".请注意,我没有使用PhoneGap。我在这里要问的主要问题是:openDatabase上出现DOMException18的可能原因是什么?更多细节:仅当数据库尚不存在时才会发生此异常。如果它已经存在,它将按预期工作。进行openDatabase调用的函数在应用程序的另一部分使用并且工作正常。到目前为止我尝试了什么:减小数据库的大小-应该不是问题,因为它是由

android - 安全错误 : DOM Exception 18 on openDatabase

我有一个基于Web的Android应用程序,它使用WebSQL进行存储。出于某种原因,一次调用openDatabase(响应按钮单击)会导致DOMException并显示消息"SECURITY_ERR:DOMException18".请注意,我没有使用PhoneGap。我在这里要问的主要问题是:openDatabase上出现DOMException18的可能原因是什么?更多细节:仅当数据库尚不存在时才会发生此异常。如果它已经存在,它将按预期工作。进行openDatabase调用的函数在应用程序的另一部分使用并且工作正常。到目前为止我尝试了什么:减小数据库的大小-应该不是问题,因为它是由

javascript - jQuery $.data() 与 DOM 对象属性

我最近需要将一些数据附加到动态创建的LI元素。在我的第一个实例中,我以类似的方式使用了.data()var_newli=$('foobar');_newli.data('base','ball');//append_newlitoan`ul`那..非常慢。这个逻辑发生在一个循环中,这个循环很容易增长到500多个项目,它花了很长时间!有时它甚至打破了javascript执行时间框架。所以我改成了$.data()。不知何故,将数据附加到一个对象比通过.data()方法调用快8x。所以现在看起来像var_newli=$('foobar');$.data(_newli[0],'base','b

javascript - jQuery $.data() 与 DOM 对象属性

我最近需要将一些数据附加到动态创建的LI元素。在我的第一个实例中,我以类似的方式使用了.data()var_newli=$('foobar');_newli.data('base','ball');//append_newlitoan`ul`那..非常慢。这个逻辑发生在一个循环中,这个循环很容易增长到500多个项目,它花了很长时间!有时它甚至打破了javascript执行时间框架。所以我改成了$.data()。不知何故,将数据附加到一个对象比通过.data()方法调用快8x。所以现在看起来像var_newli=$('foobar');$.data(_newli[0],'base','b

javascript - 将 DOM 元素转换为对象

我有如下形式的值我想用js或者jquery序列化成一个对象。Document[0]={category:12filename:'abca.png'};我尝试使用serializeArray并解析为对象,但效果不佳 最佳答案 低技术含量的方法:varDocument=[];varinputs=document.querySelectorAll('input');Array.prototype.forEach.call(inputs,function(input){varname=input.getAttribute('name');v

javascript - 将 DOM 元素转换为对象

我有如下形式的值我想用js或者jquery序列化成一个对象。Document[0]={category:12filename:'abca.png'};我尝试使用serializeArray并解析为对象,但效果不佳 最佳答案 低技术含量的方法:varDocument=[];varinputs=document.querySelectorAll('input');Array.prototype.forEach.call(inputs,function(input){varname=input.getAttribute('name');v

html - 当有一个包含太多 dom 元素的列表时,页面会因选项卡而卡住

我有一个包含两列的网页,一个带有导航栏的页眉和一个页脚。左栏用于列出三个不同选项卡中的元素。每个选项卡都包含其元素的类型。右侧包含一张或多张map以显示元素。选择包含太多元素的选项卡时会出现问题。它卡住了交互(高亮、添加/删除DOM和动画),破坏了它的响应能力。即使它不是与所选选项卡的交互(即鼠标悬停在导航栏链接上)。但当所选选项卡的元素较少时,页面的响应性很好。我创建了一个spikesolution告诉你我在说什么。请记住,这是我的问题的一个简单得多的版本。这只是一个展示我的案例的虚拟示例。$('#nav-tabsa').click(function(e){e.preventDefa

html - 当有一个包含太多 dom 元素的列表时,页面会因选项卡而卡住

我有一个包含两列的网页,一个带有导航栏的页眉和一个页脚。左栏用于列出三个不同选项卡中的元素。每个选项卡都包含其元素的类型。右侧包含一张或多张map以显示元素。选择包含太多元素的选项卡时会出现问题。它卡住了交互(高亮、添加/删除DOM和动画),破坏了它的响应能力。即使它不是与所选选项卡的交互(即鼠标悬停在导航栏链接上)。但当所选选项卡的元素较少时,页面的响应性很好。我创建了一个spikesolution告诉你我在说什么。请记住,这是我的问题的一个简单得多的版本。这只是一个展示我的案例的虚拟示例。$('#nav-tabsa').click(function(e){e.preventDefa

javascript - 是否可以从不在 DOM 中的 html 字符串中获取 jquery 对象?

例如,在页面上运行的javascript代码中,我们有类似的东西:vardata='\n\nIwantthistext...\n\n';我想使用并且至少知道是否可以在不将整个html字符串放入DOM并从那里进行选择的情况下获取该html字符串正文中的文本。 最佳答案 首先,它是一个字符串:vararbitrary='\nSomethingThis...';现在jQuery将它变成一个独立的DOM片段,应用它的内部.clean()去除额外的东西的方法,等var$frag=$(arbitrary);您可以使用jQuery函数对其进行操作