タグ付けされた質問 「javascript」

React useStateフックを使用する標準的な方法は次のとおりです。 const [count, setCount] = useState(0); ただし、このconst count変数は明らかに異なるプリミティブ値に再割り当てされます。 なぜ変数は次のように定義されていないのlet countですか？

33 javascript  reactjs  ecmascript-6  react-hooks 

ここに問題があります：ボタンのクリックで2つの関数を呼び出そうとしています。どちらの関数も状態を更新します（useStateフックを使用しています）。最初の関数はvalue1を「新しい1」に正しく更新しますが、1秒後に（setTimeout）2番目の関数が起動し、値2を「新しい2」に変更します。これは、value1を「1」に戻します。なんでこんなことが起こっているの？前もって感謝します！ import React, { useState } from "react"; const Test = () => { const [state, setState] = useState({ value1: "1", value2: "2" }); const changeValue1 = () => { setState({ ...state, value1: "new 1" }); }; const changeValue2 = () => { setState({ ...state, value2: "new 2" }); }; …

31 javascript  reactjs  react-hooks 

画像分類器を作りたいのですが、Pythonがわかりません。Tensorflow.jsは、私がよく知っているJavaScriptで動作します。モデルはそれでトレーニングできますか？そうするためのステップは何ですか？率直に言って、どこから始めればよいかわかりません。 私が考え出した唯一のことは、どうやら事前にトレーニングされたモデルのセットである「mobilenet」をロードし、それを使って画像を分類する方法です。 const tf = require('@tensorflow/tfjs'), mobilenet = require('@tensorflow-models/mobilenet'), tfnode = require('@tensorflow/tfjs-node'), fs = require('fs-extra'); const imageBuffer = await fs.readFile(......), tfimage = tfnode.node.decodeImage(imageBuffer), mobilenetModel = await mobilenet.load(); const results = await mobilenetModel.classify(tfimage); これは機能しますが、私が作成したラベル付きの画像を使用して自分のモデルをトレーニングしたいので、それは私にとっては役に立ちません。 ======================= 画像やラベルがたくさんあるとします。それらを使用してモデルをトレーニングするにはどうすればよいですか？ const myData = JSON.parse(await fs.readFile('files.json')); for(const data of myData){ const image = await fs.readFile(data.imagePath), labels …

29 javascript  node.js  tensorflow  training-data  tensorflow.js 

単純なreact-springブートアプリケーションを開発していますが、GitHubの問題のため、IntelliJを使用してアプリケーションスターターファイルを再作成し、前のアプリケーションのpackage.jsonファイルの依存関係データを使用してノードモジュールをインストールしました。 折りたたみナビゲーションバー（ハンバーガーバー->モバイルビューで折りたたむレスポンシブナビゲーションバー）を使用し、ハンバーガーボタンをクリックしてナビゲーションリンクを表示すると、以下のエラーが発生します。しかし、これらすべてのことは、以前のアプリケーションではうまくいきました。 TypeError: Cannot convert object to primitive value HTMLDivElement.<anonymous> C:/Users/Hasindu/Documents/AF/Application Frameworks/online-fashion-store-master/src/main/js/src/collapse.js:346 343 | ...typeof config === 'object' && config ? config : {} 344 | } 345 | > 346 | if (!data && _config.toggle && /show|hide/.test(config)) { | ^ 347 | _config.toggle = false 348 | } 349 …

27 javascript  jquery  reactjs  bootstrap-4 

TypeScript 3.8以降では、privateキーワードを使用してメンバーをプライベートとしてマークすることの違いは何ですか？ class PrivateKeywordClass { private value = 1; } そしてJavaScriptのために提案された#プライベートフィールドを使用します： class PrivateFieldClass { #value = 1; } どちらを優先するべきですか？

27 javascript  typescript  class  encapsulation 

分類レベルが列になっている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' }] }] }] } 1000のforループを使用せずにこれを行う方法については、思いつきませんでした。誰かがこのネットワークをpythonまたはjavascriptで作成する方法について提案がありますか？

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

私は、Firebaseリスナーを使用して、クラウド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'; import …

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 

on 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 Webサイトのようなものです。両方を比較して違いを見つけたいです。 私はここでさまざまなオプションを考えました： 解決策1： 2つのiframeの完全なスクリーンショットを取り、スクリーンショットの不一致領域にグリッドを描画するPythonの枕ライブラリを使用して両方のスクリーンショットを比較します。しかし、ここで問題となるのは、iframeの完全なスクリーンショットを撮ることができるコードがインターネット上で見つからなかったことです（スクロールバー付きの長いiframeがあります）。私はSOでほぼすべての答えを試しましたが、すべては通常のページで機能していますが、iframeでは機能しません。 リファレンス：https : //blog.rinatussenov.com/automating-manual-visual-regression-tests-with-python-and-selenium-be66be950196 解決策2：何らかの方法ですべてのHTMLコードをiframeから取得して比較しますが、2つのiframeで異なるまたは不一致のHTMLコードが見つかるため、結果を分析するのは簡単ではありません。これはテキスト比較のようなものであり、私が信じている良い解決策ではありません。 したがって、PythonまたはJavaScriptを使用してiframeの完全なスクリーンショットを撮ることができるコード、または 2つのiframeを比較して違いを見つけることができるいくつかのより良いオプションを探しています。 私は以下のようにグーグルが見つけるほとんどすべての答えを試しました： ：全体のHTMLはインラインフレーム内にあるどこサンプルインラインフレームをここに与えられている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" この文字列から、textareaから "become a good person"を選択した場合 、JavaScriptで選択したテキスト/文字列の位置を取得するにはどうすればよいですか？ ここでは、選択した文字列文字は29で始まり、49で終わります。したがって、開始位置は29で、終了位置は49です。

20 javascript  html 

MDNが言うので、キータイプとしてシンボルを使用してオブジェクトを定義しようとしています： シンボル値は、オブジェクトプロパティの識別子として使用できます[...] ただし、キープロパティのタイプとして使用します。 type obj = { [key: symbol | string]: string } 次のエラーが発生します。 TS1023：インデックスシグネチャのパラメータータイプは、 'string'または 'number'でなければなりません。 でも、それができインデックス型として使用します。私は最新のtypescriptバージョン（v3.7.2）を使用していますが、関連する質問が見つかりました： Typescript：シンボルをキーとしてオブジェクトを破壊する（彼はシンボルの実際のインスタンスを使用している、タイプが 欲しいsymbol） TypeScript：文字列を使用する場合、インデックス署名パラメーターは「文字列」または「数値」でなければなりません。数 ES6：シンボルをキーとしてオブジェクトを破壊する（これは解決策にはなりません-すべてのSymbolインスタンスは一意であるため、実際のインスタンスをタイプとして使用するのは少し間違っているようです...） typescriptシンボルのドキュメントも調べましたが、タイプとしてではなく、値としてどのように使用されるかを示しています。 例： 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が、1つの絵文字かどうかを確認するにはどうすればよいですか。さらに、私は別のライブラリを使用しないことを望みます。 マッチ"🍎"、"⛹🏿‍♂️"、"3️⃣"ではなく"🍓a"、"𝕒"、"🍌🍀" 解決策が見つからないのですが、これまでに試したことがいくつかあります。 試行されたソリューション1-長さと...演算子を試してみる 絵文字は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