草庐IT

javascript - 使用 javascript 检测重定向 - 如何?

有什么方法可以检测一个网页是否会在知道其URL的情况下将我重定向到另一个网页?我指的是当您在文本字段中键入URL并且脚本检查它是否存在3xx重定向时的情况。 最佳答案 是的,您可以在Javascript中很容易地做到这一点。它看起来像:varxhr=newXMLHttpRequest();xhr.onload=function(){if(this.status=300){alert('thisredirectsto'+this.getResponseHeader("Location"));}else{alert('doesn\'tr

javascript - 如何使用 Chrome 开发工具找出引用分离的 DOM 树的内容

我正在尝试弄清楚如何准确获取哪个变量引用了分离的DOM树中的某些内容。我已将问题隔离为两个简单的View,并且我正在尝试使用Chrome开发工具(在比较View中)找出引用分离节点的内容。我附上了一张开发工具的图片……开发工具的底部显示HomeView的el已经创建了一个分离的div。但我不确定从那里去哪里。我已经阅读了一堆关于查明内存泄漏的堆栈溢出帖子和博客帖子,但我仍然无法弄清楚这一点。我知道Backbone特别容易造成内存泄漏,所以我实现了“僵尸杀”技术,但内存泄漏仍然存在。以下是我的观点:帮助查看//GeneratedbyCoffeeScript1.6.3(function()

javascript - 核心用户界面选择不适用于移动用户

我正在使用脚本“coreuiselect”来设计我网站上的表单。桌面用户一切正常,但一段时间以来,有大量来自移动用户的报告。他们说他们无法修改该选项,因为它是灰色的。所以我使用名为“默认用户代理”的firefox插件进行了测试,并将浏览器代理切换到iPhone。然后我意识到整个表单停止工作,但仅适用于移动用户如果您想实时查看问题(您必须更改您的用户代理以重现错误),这是一个测试页面:https://www.ni-dieu-ni-maitre.com/test_mobile.php这是页面的代码。$(document).ready(function(){$('#impression').

javascript - React Text Clamp 的性能改进?

我正在尝试制作一个可重用的Reacttext-clamp组件。用户传入要呈现的行数和他们想要显示的文本,然后组件呈现他们的文本,在指定的行数处将其chop并在末尾插入省略号(...)。我计算在哪里chop文本和插入省略号的方法是一次添加一个单词,直到clientHeight文本大于clientHeight容器div。虽然它有效,但我在chrome开发工具中看到以下内容:[Violation]ForcedreflowwhileexecutingJavaScripttook179ms.这可能是因为阅读clientHeightforcesreflow.这是我的代码:classTextClam

javascript - 跟踪用户在网站中完成特定操作的时间

我想跟踪用户在网站上完成特定操作所花费的时间(包括服务器响应时间和呈现时间(与DOM相关的更改))。我已经在Angular框架中尝试过了。为此,我正在考虑记录用户开始操作的时间,并且我想记下操作完成的时间。作为开发人员,我会知道用户何时开始事件以及用户何时完成搜索、过滤、编辑、添加、删除等操作。因此,我们可以对它们进行区分。但是要记录每个Action,我们必须在应用程序的每个部分编写代码。我们可以创建一个插件,以便我们可以在任何地方使用它,而不是在任何地方编写相同的代码来跟踪用户的时间。有什么方法可以创建它吗?或者是否有任何工具可以实现此功能? 最佳答案

javascript - 如何处理不断变化的嵌套 api 调用

我正在使用Facebook的FluxDispatcher创建一个简单的CRUD应用程序来处理英语学习网站帖子的创建和编辑。我目前正在处理一个看起来像这样的api:/posts/:post_id/posts/:post_id/sentences/sentences/:sentence_id/words/sentences/:sentence_id/grammars在应用程序的显示和编辑页面上,我希望能够在单个页面上显示给定帖子的所有信息及其所有句子以及句子的单词和语法详细信息。我遇到的问题是弄清楚如何启动收集所有这些数据所需的所有异步调用,然后将我需要的所有商店的数据组合成一个对象,我可

javascript - 强制 OpenLayers Markers 图层在顶部绘制,并在下方选择图层

我有一个OpenLayersmap,其中依次包含栅格基础层、矢量图层和标记层。它们显示良好,顺序正确,标记位于矢量顶部,非常棒。但是当我添加一个SelectFeature控件并将其指向矢量图层时,它突然被绘制在标记层上方,尽管所有努力都提高了标记层或设置了Z索引。SelectFeature控件似乎覆盖了所有绘图顺序设置。这是设计使然,还是我可以通过某种方式克服它?图层定义:varbaselayer=newOpenLayers.Layer.WMS('Norden','http://{myarcgisserver}/ArcGIS/services/mylayer/MapServer/WMS

javascript - 使用 react.js 立即强制重新渲染(更新状态并更新 DOM)

我意识到调用setState不会立即更新this.state,也不会立即调用render并刷新DOM。文档说setState()doesnotimmediatelymutatethis.statebutcreatesapendingstatetransition.Accessingthis.stateaftercallingthismethodcanpotentiallyreturntheexistingvalue.ThereisnoguaranteeofsynchronousoperationofcallstosetStateandcallsmaybebatchedforperfor

javascript - 如果我们在 JavaScript 中填充 fn.bind(),为什么你必须检查 "this"的类型?

我在Mozillapolyfill中看到fn.bind()像这样:if(!Function.prototype.bind){Function.prototype.bind=function(oThis){if(typeofthis!=='function'){//closestthingpossibletotheECMAScript5//internalIsCallablefunctionthrownewTypeError('Function.prototype.bind-whatistryingtobeboundisnotcallable');}//othercodeomittedh

javascript - 如何使用 D3 在 Angular 中使用 'this'?

说实话;当Angular将this绑定(bind)到类(组件/服务)时,如何处理引用D3对象的this?我希望在Angular(v.4)应用程序中使用D3.js(v.4)。我的代码在独立的JavaScript中运行,但我现在需要将它集成到Angular应用中。this的使用让我感到困惑。我有一个我想拖动的SVG组,所以我使用.call(drag)someFunction(){this.unitGroup=this.svg.append('g').attr('id','unitGroup');.call(drag)}当我尝试引用正在拖动的svg元素时,我的问题就出现了。在我的原始代码中,