草庐IT

查找HTML元素

全部标签

javascript - 如何从 mustache 内的过滤器输出 html

我有一个输入(右上角),用户可以在其中搜索内容,当它的指令长度达到3个字符时,它将显示产品列表并突出显示匹配...看看我的代码:html{{product.id}}-{{product.name|highlight}}-{{product.qtd}}fdfds{{message}}jsvarsearch=newVue({el:"#app",data:{message:"",searchInput:false,products:[{id:1,name:"produto01",qtd:20},{id:2,name:"produto02",qtd:40},{id:3,name:"produt

javascript - Aurelia:单例 View 中的静态自定义元素

我有一个带有单例View模型的Aurelia应用程序。该View类似于文件浏览器,左侧是TreeView(自定义元素),右侧是ListView。View模型activationStrategy是invokeLifecycle,ListView根据路由参数填充。展开节点时,TreeView会填充AJAX调用。树节点也是自定义元素。TreeView是完全自定义的,不使用任何第3方插件。当用户导航到另一条路线,然后再次返回同一路线时,View模型会保留,因为它是单例。但是,TreeView不是因为自定义元素不支持作为单例。我理解不支持单例自定义元素的原因。但是,我想知道在导航回同一路线时以某

javascript - 缩放后使用 Translate 将元素定位在另一个元素之上

我正在实现一个基于Croppie的图像裁剪工具.我的问题是,当我缩小得太远时,图像会离开视口(viewport)或离裁剪区域太远。所以我有一个函数,在线(下面的代码片段)363是这样的:function_updateCenterPoint(){//borkedconsole.log("fire_updateCenterPoint()");varself=this,transform=Transform.parse(self.childElements.img.style[CSS_TRANSFORM]);varimgRect=self.childElements.img.getBound

javascript - 如何在 Web 项目中查找未使用/无效代码(JavaScript 中 90% 的代码)

我确实找到了一个非常有趣的工具来识别网络项目中未使用的css定义。http://www.sitepoint.com/dustmeselectors/javascript项目是否也有类似的工具?附言我知道没有确定性地查找未使用代码的程序。但我正在寻找一份报告来识别可能未使用的代码。那么最后的决定永远是你自己的。 最佳答案 问题是没有办法真正确定。假设如下:最初的HTML站点几乎是空的。虽然有很多JS代码,但似乎没有使用。OnLoad,调用一个向服务器启动AJAX查询的函数。服务器返回很多HTML代码,也就是站点的主体。此正文包含大量J

javascript - 转换后的 SVG 元素上的 getBoundingClientRect() 应该返回什么?

今天我测试了当你使用getBoundingClientRect()时会发生什么在已旋转的SVG元素上。测试:http://phrogz.net/svg/getBoundingClientRect-on-rotated-elements.html结果是:Chrome、Safari、Opera和IE似乎计算元素的本地(未转换的)边界框,然后返回该边界框的客户端rect。这可能导致客户端矩形比看起来合适的大。另一方面,Firefox裁剪客户端矩形以适合元素本身。根据规范,哪种行为是正确的?为了它的值(value),我prefertheFirefoxbehavior,但(不了解规范)认为Fir

javascript - 以编程方式合并两个 svg 路径元素

我正在用SVG路径渲染map(使用jVectormap)。在某些情况下,一个区域必须与相邻区域合并。不幸的是,这两个区域没有相互接触,我必须进行插值以填充它们之间的空间。jVectormap使用非常简单的SVG路径,其中M设置绝对起点,l连接相对点。是否有任何SVG库涵盖此类操作? 最佳答案 我没试过这个,但你可以通过运行theconverteratjVectormap来绕过它使用以下参数:--buffer_distance=0--where="ISO='region_1'ORISO='region_2'"其中region_1和re

javascript - Knockout ObservableArray 不更新 HTML Foreach

所以我有一个可以正常工作的observablearray,但是UI没有更新。我读过很多人遇到这种类型的问题,但我没有看到。所以HTML是YupJavascript是一个调用API并从中构建数组的函数。functionTweetsViewModel(){varself=this;self.tasksURI='http://localhost:8000/api/v1/tweet/';self.tweets=ko.observableArray();self.ajax=function(uri,method,data){varrequest={url:uri,type:method,cont

javascript - 滚动到模态窗口内的元素

我有一个模式窗口,需要能够打开模式,然后将用户滚动到模式中的特定位置。我正在使用AJAX将模式内容获取到PHP脚本。例如mypage.php?loc=someid在PHP脚本中我有这个JS来做滚动:$(document).ready(function(){$('.modal-body').animate({scrollTop:$("#").offset().top},1000);});在PHP页面中是这样的一些HTML:我的内容加载正确,但发生的滚动量似乎与打开模式的链接有关,因此它实际上并没有在文档中找到div。我猜我的JS需要稍微调整一下。看来我需要能够计算元素距模态内容顶部的偏移

javascript - 具有异步属性的脚本元素仍然阻止浏览器呈现?

我使用cuzillion工具构建page:head中只有一个script元素,有async属性,延迟2秒,3秒执行。但是Chrome中的页面加载时间轴是:当脚本执行时,它仍然阻塞浏览器渲染进程?但是为什么?它不应该异步执行吗?但是它不会阻塞解析器: 最佳答案 任何脚本的执行总是会阻止同一选项卡中其他脚本的解析、呈现和执行。async属性不会改变这一点。async所做的唯一一件事就是告诉浏览器应该获取脚本(假设它是一个远程文件)而不阻止这些事件。下载脚本后,脚本会在下一个可用机会开始执行(即,在当前脚本(如果有)完成运行之后;当然,新

javascript - CKEditor 在样式中插入不可编辑的 HTML

我目前正在将CKEditor移植到concrete5中。作为其中的一部分,concrete5能够创建可以通过编辑器插入的“片段”。开发人员能够定义这些小部件产生什么样的HTML输出,但在编辑模式下,它只是显示一个具有以下HTML的占位符:''+selectedSnippet.scsName+''我研究过CKEditor小部件,但不一定想用大量按钮来激活我的工具栏以激活此类功能。我很好奇是否可以向stylescombo下拉列表(或类似的下拉列表)添加一些内容,然后插入一个像上面那样的片段。目前我必须尝试做的事情可以在https://github.com/ExchangeCore/Conc