Questions tagged «javascript»

我有700万份生物多样性记录的csv，其中分类学级别为列。例如： RecordID,kingdom,phylum,class,order,family,genus,species 1,Animalia,Chordata,Mammalia,Primates,Hominidae,Homo,Homo sapiens 2,Animalia,Chordata,Mammalia,Carnivora,Canidae,Canis,Canis 3,Plantae,nan,Magnoliopsida,Brassicales,Brassicaceae,Arabidopsis,Arabidopsis thaliana 4,Plantae,nan,Magnoliopsida,Fabales,Fabaceae,Phaseoulus,Phaseolus vulgaris 我想在D3中创建一个可视化文件，但是数据格式必须是网络，其中每个列的不同值都是上一个特定值的列的子级。我需要从csv转到类似这样的内容： { name: 'Animalia', children: [{ name: 'Chordata', children: [{ name: 'Mammalia', children: [{ name: 'Primates', children: 'Hominidae' }, { name: 'Carnivora', children: 'Canidae' }] }] }] } 我还没有想到不使用上千个for循环就如何做到这一点的想法。是否有人对如何在python或javascript上创建此网络提出建议？

27 javascript  python  d3.js  data-visualization  hierarchical-data 

我试图弄清楚如何使用Firebase侦听器，以便使用React Hook更新来刷新云Firestore数据。 最初，我使用带有componentDidMount函数的类组件来获取Firestore数据。 this.props.firebase.db .collection('users') // .doc(this.props.firebase.db.collection('users').doc(this.props.firebase.authUser.uid)) .doc(this.props.firebase.db.collection('users').doc(this.props.authUser.uid)) .get() .then(doc => { this.setState({ name: doc.data().name }); // loading: false, }); } 当页面更新时，该中断了，因此我试图弄清楚如何移动侦听器以响应挂钩。 我已经安装了react-firebase-hooks工具-尽管我不知道如何阅读说明才能使其正常工作。 我有一个功能组件，如下所示： import React, { useState, useEffect } from 'react'; import { useDocument } from 'react-firebase-hooks/firestore'; import { BrowserRouter as Router, Route, Link, Switch, useRouteMatch, } from 'react-router-dom'; …

27 javascript  reactjs  firebase  google-cloud-firestore  react-hooks 

我在Edabit上遇到了这个挑战，无法解决这个按位运算解决方案。 notNotNot = (a,b) => !!(a%2 >> b) 挑战： //Something which is not true is false, but something which is not not true is true! //Create a function where given n number of "not", evaluate whether it's true or false. //Examples: notNotNot(1, true) ➞ false // Not true notNotNot(2, false) …

26 javascript 

在上react-native init ProjectName，主应用程序文件App.js通过以下方式包含组件的声明： const App: () => React$Node = () => {...} 该指令是什么意思？ 我的意思是，我习惯于将组件定义为const App = () => {...}，所以我尤其不理解之间的表达: () => React$Node。

23 javascript  reactjs  react-native 

我们知道这let是一个保留关键字，它定义了JavaScript中的变量。 var let = 2; console.log(let); // return 2 那么为什么这不是一个错误呢？

21 javascript 

案件 ： 我有2个iframe，并且都有很多div和其他控件，所以两个iframe都像HTML网站的中等大小。我想将两者进行比较并找出差异。 我在这里想到了不同的选择： 解决方案1：拍摄2个iframe的完整屏幕快照，并使用Python的枕头库比较两个屏幕快照，该枕头库在屏幕快照的不匹配区域上绘制网格。但是这里的问题是我在互联网上找不到任何可以获取完整iframe屏幕截图的代码（我的iframe较长且带有滚动条）。我在SO上尝试了几乎所有答案，但是所有答案都适用于正常页面，但不适用于iframe。 参考：https : //blog.rinatussenov.com/automating-manual-visual-regression-tests-with-python-and-selenium-be66be950196 解决方案2：以某种方式从两个iframe中获取所有HTML代码并进行比较，但这很难分析结果，因为它将找到一些不同的HTML代码或两个iframe中存在不匹配的HTML代码。我相信这将更像是文字比较，而不是一个好的解决方案。 因此，我正在寻找可以使用Python或Javascript拍摄iframe完整屏幕截图的代码，或者是可以比较2个iframe并找出差异的更好的选择。 我尝试了谷歌按照以下方法找到的几乎所有答案： 这里提供了示例iframe，其中整个html都位于iframe中：https : //grapesjs.com/demo.html，如果某些代码可以获取此iframe的完整屏幕截图，那么对我来说就很容易比较。

21 javascript  python  html  selenium-webdriver  iframe 

我想使用javascript获取选定的文本位置。例如， 我有一个简单的文本区域。 #input-text { resize: none; width: 50%; height: 50px; margin: 1rem auto; } <textarea id="input-text">I am a student and I want to become a good person</textarea> 运行代码段隐藏结果展开摘要 在我的文本区域中，我有一些文本，例如： "I am a student and I want to become a good person" 从此字符串中，如果我从文本区域中选择“成为一个好人”， 那么如何在javascript中获取选定的文本/字符串位置？ 此处选择的字符串字符从29开始，以49结尾。因此，开始位置是29，结束位置是49

20 javascript  html 

由于MDN表示，我试图将符号定义为键类型的对象： 符号值可以用作对象属性的标识符[...] 但是使用它作为键属性的类型： type obj = { [key: symbol | string]: string } 导致以下错误： TS1023：索引签名参数类型必须为“字符串”或“数字”。 即使它可以用作索引类型。我正在使用最新的打字稿版本（v3.7.2），发现了相关的问题： 打字稿：使用符号作为键来破坏对象（他使用的是Symbol的实际实例，我想要类型 symbol） TypeScript：尝试使用字符串|时，索引签名参数必须为“字符串”或“数字” 数 ES6：使用符号作为键来销毁对象（这不是解决方案-因为每个Symbol实例都是唯一的，所以使用实际实例作为类型似乎有点错误。） 我也看过打字稿符号文档，但它们仅显示了它如何用作值，而不是类型。 例： const obj = {} as { [key: number | symbol]: string // Won't work }; const sym = Symbol('My symbol'); obj[sym] = 'Hi'; 关于Microsoft / TypeScript的问题 开启功能要求

20 javascript  typescript  types  symbols 

function validate() { var username = document.getElementById("username").value; var password = document.getElementById("password").value; if (username == "") { document.getElementById("message").innerHTML = "USERNAME CANNOT BE EMPTY"; document.getElementById("username").style.borderColor = "red"; return false; } if (password == "") { document.getElementById("message").innerHTML = "PASSWORD CANNOT BE EMPTY"; document.getElementById("password").style.borderColor = "red"; return false; } } #username:focus { background-color: yellow; …

20 javascript  html  css 

问题很简单：我有一个字符串str，如何检查str一个表情符号，是否只有一个？另外，我宁愿不使用其他库。 比赛"🍎"，"⛹🏿‍♂️"，"3️⃣"但不"🍓a"，"𝕒"，"🍌🍀" 我在寻找解决方案时遇到了麻烦，但是到目前为止，我已经尝试了一些方法： 尝试的解决方案1-玩弄长度和...运算符 我了解到，表情符号占据一个以上的字节，有些甚至占据4个字节，甚至更多……我们可以通过字符串的length属性来衡量： console.log("🍎".length); // 2 console.log("🛡️".length); // 3 console.log("⛹🏿‍♂️".length); // 6 然后我发现...运算符考虑了这一点，并正确分离了数组中的表情符号-然后，我可以查看结果数组的length属性并检测它们是否不同。 str = "⛹🏿‍♂️"; if (str.length !== [...str].length) { // is emoji? } else { // is not emoji } 但是，这不会检查其他多字节字符，例如𝕡长度为2的字符。另外，有些表情符号仍然被怪异地分开。 尝试解决方案2-正则表达式，正则表达式 当然，正则表达式是一个值得研究的问题，但我尚未找到可行的解决方案。 这个答案的正则表达式\u00a9|\u00ae|[\u2000-\u3300]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff]可以很好地检测字符串是否有表情符号，但是将其应用于我的情况会产生很多问题。这是我的测试： A部分-没有字符串正则表达式（^和$）的开始/结束 2A.1 str.match(regex)非常不一致，它分解了一些表情符号和其他一些无法使用的表情符号。我没有找到一种方法来找出它是否甚至包含非表情符号字符或是否包含多个表情符号： let regex = /(\u00a9|\u00ae|[\u2000-\u3300]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff])/; console.log("5️⃣".match(regex)); // [ '⃣', '⃣', …

20 javascript  node.js  regex  unicode  emoji 

由于某种原因，我无法使Material-UI日期选择器正常工作。每次在React中渲染日期选择器时，都会引发以下错误： RangeError：格式字符串包含未转义的拉丁字母字符 n 我只用日期选择器（https://stackblitz.com/edit/react-6ma6xd?embed=1&file=index.js）创建了一个stackblitz，甚至出现了错误。我究竟做错了什么？我想我遵循了安装指南中的所有说明。 链接到material-ui / pickers：https : //material-ui-pickers.dev/

19 javascript  reactjs  material-ui  material-ui-pickers 

我们正在使用React Native 0.59.10和React-Redux 5.0.7，并且遇到了CPU限制的性能问题，其中我们的Redux操作需要大约0.25秒才能完成。 我们已经使用Instruments中的“时间剖析器”配置进行了剖析，但是我们的JS代码都没有符号化。 在Chrome中进行远程调试似乎只是调试“远程检查器”页面，这完全无济于事。 有没有一种方法可以将源映射建立或附加到JS函数名称/调用，或用符号表示下面看到的内存地址？

19 javascript  ios  xcode  react-native  instruments 

我是使用React的新手，所以这可能真的很容易实现，但是即使我做了一些研究，也无法自己解决。如果这太蠢了，请原谅我。 语境 我使用Inertia.js与Laravel（后端）和响应（前端）适配器。如果您不知道惯性，则基本上是： Inertia.js使您可以使用经典的服务器端路由和控制器快速构建现代的单页React，Vue和Svelte应用程序。 问题 我正在做一个简单的登录页面，其表单具有提交时将执行POST请求以加载下一页的形式。似乎工作正常，但在其他页面上，控制台显示以下警告： 警告：无法在已卸载的组件上执行React状态更新。这是空操作，但它表明应用程序中发生内存泄漏。要修复，请取消使用useEffect清理功能中的所有订阅和异步任务。 登录（由Inertia创建） 相关代码（为了避免不相关的行，我对其进行了简化）： import React, { useEffect, useState } from 'react' import Layout from "../../Layouts/Auth"; {/** other imports */} const login = (props) => { const { errors } = usePage(); const [values, setValues] = useState({email: '', password: '',}); const [loading, setLoading] = useState(false); …

19 javascript  reactjs  promise  inertia 

var a; if (true) { a = 5; function a() {} a = 0; console.log(a) } console.log(a) 运行代码段隐藏结果展开摘要 我看到了上面的代码，在{}中声明了一个函数。我认为它会打印0 0，但它会打印0 5

18 javascript 

在使用firebase配置角度后尝试“ ng服务”时，出现错误。即使我搜索了此错误消息，但找不到任何东西。在错误消息中，此问题与库本身有关。 user@user-MacBookPro post % ng serve 10% building 3/3 modules 0 activeℹ ｢wds｣: Project is running at http://localhost:4200/webpack-dev-server/ ℹ ｢wds｣: webpack output is served from / ℹ ｢wds｣: 404s will fallback to //index.html chunk {main} main.js, main.js.map (main) 2.15 kB [initial] [rendered] chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 127 kB …

17 javascript  angular  typescript  firebase