Tag: JavaScript
将光标设置为<symbol>元素
我有一个HTML符号 <symbol id="arrow" viewBox="0 0 8.4666659 8.4666659"> <g transform="translate(0,-288.53334)"> <path style="fill:none;stroke:#000000;stroke-width:0.48417112;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;" d="m 0.17215798,288.70836 8.05225192,8.04935"></path> <path style="fill:none;stroke:#000000;stroke-width:0.48417112;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;" d="m 8.2221335,293.64243 0.00228,3.11528 -3.1283502,2.2e-4"></path> </g> </symbol> 我想用作光标。 我熟悉如下通过JQuery更改光标： body.css('cursor', `wait`); 但是我怎样才能做到这一点<symbol>元素？
如何使用XHR onProgress函数使用压缩/ gzip压缩的内容？
我曾经见过一堆类似的问题，但是我还没有find一个完全描述我当前问题的问题，所以这里是： 我有一个页面，通过AJAX加载一个大（0.5到10 MB）的JSON文档，以便客户端代码可以处理它。 一旦文件加载，我没有任何问题，我不指望。 但是，下载需要很长时间，所以我尝试利用XHR Progress API来呈现进度条，以向用户指示文档正在加载。 这工作得很好。 然后，为了加快速度，我尝试通过gzip和deflate压缩服务器端的输出。 这也有很大的收获，但是，我的进度条停止了工作。 我查了一下问题，发现如果一个正确的Content-Length头没有被请求的AJAX资源发送， onProgress事件处理程序不能按预期工作，因为它不知道下载有多远它是。 发生这种情况时，名为lengthComputable的属性在事件对象上设置为false 。 这是有道理的，所以我试图明确地设置输出的未压缩和压缩的长度。 我可以validation头文件正在发送，我可以validation我的浏览器知道如何解压缩内容。 但是onProgress处理程序仍然报告lengthComputable = false 。 所以我的问题是： 有没有办法使用AJAX Progress API来压缩/缩小内容？ 如果是的话，我现在做错了什么？ Chromenetworking面板中显示资源的方式如下： 这些是相关的请求标头，显示请求是AJAX， Accept-Encoding设置正确： GET /dashboard/reports/ajax/load HTTP/1.1 Connection: keep-alive Cache-Control: no-cache Pragma: no-cache Accept: application/json, text/javascript, */*; q=0.01 X-Requested-With: XMLHttpRequest User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_5) AppleWebKit/537.22 (KHTML, like […]
如何在预先存在的SQL数据库上使用弹性search？
我一直在阅读大量有关如何在JavaScript或PHP网站上实现弹性search的文档。 很好的ES介绍 。 非常完整的文档在这里和这里 。 整个CRUD 。 用PHP弹性search： 在这里 ， 在这里 ， 在这里 。 所以我给你这些URL的原因是要理解如何在使用预先存在的SQL DB时使用其中的一个或多个文档。 我在某处丢失了一点：正如他们所说的，Elasticsearch将使用MongoDB创build自己的索引和数据库，我不明白如何使用我的（巨大的）使用SQL的数据库？ 假设我有一个MySQL数据库，我想用Elasticsearch使我的研究更快，并提出用户预先提出的查询，我该怎么做？ ES如何在MySQL上工作？ 如何将这个巨大的数据集（超过8GB）转换成ES数据库，以便在开始时实现高效率？ 非常感谢
绑定的JavaScript（d3.js）shiny
首先，我对JavaScript和它的库d3.js相当不熟悉，但是我对R很熟悉。使用Shiny创build仪表板非常有趣和简单（感谢stackoverflow）。 现在我想通过连接d3元素来扩展它。 我正在寻找信息来源，关于如何实际绑定到shiny（R仪表板）的JavaScript和解释实际发生了什么。 背景：我在w3schools上做了关于js和jquery的教程，并且使用Scott Murray的书（交互式数据可视化为web）了解了d3。 我希望这足以让我理解有关如何在Shiny网站上构build自定义input/输出绑定的示例和解释： http://shiny.rstudio.com/articles/building-inputs.html 但不幸的是，我没有，我似乎无法find任何在最小工作代码的例子。 github上的很多例子对于我来说很复杂，很可能是因为我对javascript的一点经验。 以下是使用javascript自定义input绑定的示例： https://github.com/jcheng5/shiny-js-examples/tree/master/input 下面是我尝试展开的一个input和输出绑定的示例： <script src="../../../d3.v3.js"></script> <script type="text/javascript"> (function(){ // Probably not idiomatic javascript. this.countValue=0; // BEGIN: FUNCTION updateView = function(message) { var svg = d3.select(".d3io").select("svg") svg.append("text") .transition() .attr("x",message[0]) .attr("y",message[1]) .text(countValue) .each("end",function(){ if(countValue<100) { countValue+=1; $(".d3io").trigger("change"); } }) } // END: FUNCTION //BEGIN: OUTPUT BINDING var d3OutputBinding […]
iOS – 手动对焦于input/文本区的解决方法
所以我已经看到很多有关iOS问题的话题，主要关注input / textarea元素。 （看到这里和这里 ）看来，iOS不会让你手动专注于这些元素之一，并要求它是一个真正的点击/点击专注于元素。 我已经尝试模拟一个点击，触发一个点击，只是做点击（）马上…各种各样的事情。 这是我目前正在尝试实施的解决方法： $scope.gotoElement = function(eID) { // call $anchorScroll() $scope.smoothScrollTo(eID).then(function() { clickElement('#textarea'); }); } function clickElement(e) { $(e).on('touchstart', function() { //$(e).val('touchstart'); $(e).focus(); }); $(e).trigger('touchstart'); } 你不需要担心滚动function，我知道这个工程，我已经testing了足够的。 注释掉$(e).val('touchstart')不会改变文本区域的文本，但是.focus()在iOS上不起作用。 我已经在Android设备上testing过，并且工作正常，但是在iOS上它并没有显示出键盘。 有时它会开始提起键盘半秒钟，然后再次消失。 我已经看过其他线程，正如我上面提到的，我似乎无法弄清楚如何编写一个解决方法。 有任何想法吗？
如何将gRPC定义的API带到Web浏览器
我们要为我们的gRPC-microservices构build一个Javascript / HTML gui。 由于浏览器端不支持gRPC，所以我们考虑使用web-sockets连接到一个node.js服务器，它通过grpc调用目标服务。 我们很难find一个优雅的解决scheme来做到这一点。 特别是，因为我们使用gRPCstream来推动我们的微服务之间的事件。 看来我们需要第二个RPC系统，只是为了在前端和node.js服务器之间进行通信。 这似乎是大量的开销和额外的代码，必须维护。 有没有人有经验做这样的事情或有一个想法如何可以解决？
如何确定性地validationJSON对象没有被修改？
根据JSON.stringify的MDN文档 ： 非数组对象的属性不保证以任何特定的顺序被串行化。 不要依赖于string化中同一对象内的属性sorting。 我曾希望通过caching对象的string化版本来确定对象是否发生了更改，然后将其与对象的后续string化版本进行比较。 这似乎比迭代遍历对象和做比较简单得多。 问题是，因为JSON.stringify函数是不确定的，我可以在技术上得到一个不同的string，当我串化相同的对象。 我还有什么其他的select？ 还是我必须写一个讨厌的比较函数来确定对象的相等性？
JavaScript的document.write内联脚本执行顺序
我有以下脚本，其中第一个和第三个document.writeline是静态的， 第二个是生成的 ： <script language="javascript" type="text/javascript"> document.write("<script language='javascript' type='text/javascript' src='before.js'><\/sc" + "ript>"); document.write("<script language='javascript' type='text/javascript'>alert('during');<\/sc" + "ript>"); document.write("<script language='javascript' type='text/javascript' src='after.js'><\/sc" + "ript>"); </script> Firefox和Chrome将在Internet Explorer首次显示之前 ， 之中和之后显示， 之后显示。 我遇到了一篇文章，指出我不是第一个遇到这个问题的人，但是这并不能让我感觉更好。 有谁知道我可以如何设置在所有浏览器的确定性，或黑客IE浏览器工作像所有其他的，理智的浏览器呢？ 警告 ：代码片段是一个非常简单的repro。 它在服务器上生成，第二个脚本是唯一发生变化的东西。 这是一个很长的脚本，之前和之后有两个脚本的原因，以便浏览器将caching它们，代码的dynamic部分将尽可能小。 在不同的生成代码中，它也可能出现在同一页面中多次。
Shim vs. Sham：有什么区别？
垫片和假的有什么区别？ 包括es5-shim.min.js和es6-shim.min.js是否足够，还是应该包含es5-sham.min.js和es6-sham.min.js？
如何缩小JS或CSS的dynamic
如何在运行/运行时缩减JS和CSS，这样，如果在运行时/运行时将原始代码结构缩小，我就可以将原始代码结构保留在服务器中。
