React onClick関数はレンダリング時に実行されます 質問する

子コンポーネントに 2 つの値を渡します。 表示するオブジェクトのリスト 削除機能。 私はオブジェクトのリストを表示するために .map() 関数を使用します (React チュートリアル ページの例のように)。しかし、そのコンポーネントのボタンはonClickレンダリング時に関数を起動します (レンダリング時に起動するべきではありません)。私のコードは次のようになります。 module.exports = React.createClass({ render: function(){ var taskNodes = this.props.todoTasks.map(function(todo){ return (

); }, this); return ( ); } }); 私の質問は、onClickレンダリング時に関数が実行される理由と、実行しないようにする方法です。

Admin 2024-07-08

offsetHeight、clientHeight、scrollHeightとは何ですか? 質問する

とoffsetHeight、または との違いは何なのかを説明しようと思いました。clientHeightscrollHeightoffsetWidthclientWidthscrollWidth クライアント側で作業する前に、この違いを知っておく必要があります。そうしないと、UI の修正に人生の半分が費やされることになります。 フィドル、または以下にインラインで記載します。 function whatis(propType) { var mainDiv = document.getElementById("MainDIV"); if (window.sampleDiv == null) { var div = document.createElement("div"); window.sampleDiv = div; } div = window.sampleDiv; var propTypeWidth = propType.toLowerCase() + "Width"; var propTypeHeight = propType + "Height"; var computedStyle = window.getComputedStyle(mainDiv, null); var borderLeftWidth = computedStyle.getPropertyValue("border-left-width"); var borderTopWidth = computedStyle.getPropertyValue("border-top-width"); div.style.position = "absolute"; div.style.left = mainDiv.offsetLeft + Math.round(parseFloat((propType == "client") ? borderLeftWidth : 0)) + "px"; div.style.top = mainDiv.offsetTop + Math.round(parseFloat((propType == "client") ? borderTopWidth : 0)) + "px"; div.style.height = mainDiv[propTypeHeight] + "px"; div.style.lineHeight = mainDiv[propTypeHeight] + "px"; div.style.width = mainDiv[propTypeWidth] + "px"; div.style.textAlign = "center"; div.innerHTML = propTypeWidth + " X " + propTypeHeight + "( " + mainDiv[propTypeWidth] + " x " + mainDiv[propTypeHeight] + " )"; div.style.background = "rgba(0,0,255,0.5)"; document.body.appendChild(div); } document.getElementById("offset").onclick = function() { whatis('offset'); } document.getElementById("client").onclick = function() { whatis('client'); } document.getElementById("scroll").onclick = function() { whatis('scroll'); } #MainDIV { border: 5px solid red; } offsetHeight & offsetWidth clientHeight & clientWidth scrollHeight & scrollWidth

Admin 2024-07-08

await は async 関数でのみ有効です 質問する

このコードは次のように書きましたlib/helper.js: var myfunction = async function(x,y) { .... return [variableA, variableB] } exports.myfunction = myfunction; 次に、別のファイルで使用してみました。 var helper = require('./helper.js'); var start = function(a,b){ .... const result = await helper.myfunction('test','test'); } exports.start = start; エラーが発生しました: await は async 関数でのみ有効です どうした？

Admin 2024-07-08

純粋なJavaScript: jQueryのisNumeric()のような関数 [重複] 質問する

この質問に対する回答は既にここにあります : JavaScript で小数を検証する - IsNumeric() （53件の回答） 11年前に 閉店しました 。 isNumeric純粋な JavaScript のような機能はありますか? jQuery には整数をチェックする関数があることは知っています。

Admin 2024-07-08

ブラウザウィンドウで現在のタブを閉じるにはどうすればいいですか? 質問する

ブラウザ内の他のタブを閉じずに、ブラウザ内の現在アクティブなタブを閉じるリンクを Web ページに作成したいと考えています。 ユーザーが閉じるリンクをクリックすると、警告メッセージが表示され、「はい」と「いいえ」の 2 つのボタンで確認を求められます。ユーザーが「はい」をクリックするとそのページが閉じられ、「いいえ」をクリックすると何も行われません。 どうすればいいでしょうか？何か提案はありますか？

Admin 2024-07-08

Node.js でスタック トレースを印刷するにはどうすればいいですか? 質問する

Node.js でスタック トレースを印刷する方法を知っている人はいますか?

Admin 2024-07-08

jQueryでHTML文字列をエスケープする 質問する

文字列からHTMLをエスケープする簡単な方法を知っている人はいますか？jQuery? 任意の文字列を渡して、HTML ページに表示するために適切にエスケープできるようにする必要があります (JavaScript/HTML インジェクション攻撃を防止)。これを実現するために jQuery を拡張することは可能だと確信していますが、現時点ではこれを実現するにはフレームワークについて十分な知識がありません。

Admin 2024-07-08

JavaScript で for…of 構文を使用してループ カウンター/インデックスを取得する 質問する

for...ofJavaScript の基本的な構文は次のようになると理解しています。 for (let obj of myArray) { // ... } しかし、この構文で反復処理するときにループ カウンター/インデックスを取得するにはどうすればよいでしょうか? （同じ質問がfor...inオブジェクトのプロパティ名を反復処理する表記にも当てはまります） 次のような明示的なループ カウンターを使用できることはわかっています。 for (let i = 0; i < myArray.length; i++) { const obj = myArray[i]; console.log(i); } または、ループ外でインデックスを手動で追跡します。 let i = 0; for (let obj of myArray) { console.log(i); i++; } しかし、私はよりシンプルなループを使うほうが好きです。for...of見た目も良く、より意味があると思います。 これを可能にする言語の例として、Python では次のように簡単です。 for i, obj in enumerate(my_array): print(i)

Admin 2024-07-08

Node.js は ES6 (ECMAScript 2015) モジュールのインポート/エクスポートをサポートする予定です。質問する

私はインターネット中をいろいろ調べましたが、これに対する明確な答えは見つかりませんでした。 現在Node.jsはコモンJSモジュールをロードするための構文は、ECMAScript 2015 の標準モジュール構文を実際に使用したい場合は、事前にトランスパイルするか、実行時に外部モジュール ローダーを使用する必要があります。 現時点では、これら 2 つの方法のどちらも使用するかどうかはわかりません。Node.js のメンテナーは ECMAScript 2015 モジュールをサポートする予定があるのでしょうか? これについてはまったくヒントが見つかりません。 現時点ではNode.js 6.xはECMAScript 2015の機能の96%をサポートしていると主張していますが、モジュールに関する言及はありません（Node.js ECMAScript 2015 サポート リンク）。 近い将来、Node.js がこれらのモジュールをすぐにサポートするかどうかご存知ですか?

Admin 2024-07-08

文字列から英数字以外の文字を削除する 質問する

次の文字列を指定の出力に変換したいと思います。 Input: "\\test\red\bob\fred\new" Output: "testredbobfrednew" 、、などの特殊文字を処理するソリューションは見つかりませんでした\r。\n\b 基本的に、英数字以外のものをすべて削除したいだけです。私が試したことは次のとおりです... Attempt 1: "\\test\red\bob\fred\new".replace(/[_\W]+/g, ""); Output 1: "testedobredew" Attempt 2: "\\test\red\bob\fred\new".replace(/['`~!@#$%^&*()_|+-=?;:'",.<>\{\}\[\]\\\/]/gi, ""); Output 2: "testedobred [newline] ew" Attempt 3: "\\test\red\bob\fred\new".replace(/[^a-zA-Z0-9]/, ""); Output 3: "testedobred [newline] ew" Attempt 4: "\\test\red\bob\fred\new".replace(/[^a-z0-9\s]/gi, ''); Output 4: "testedobred [newline] ew" 複数のステップを踏むもう一つの試み function cleanID(id) { id = id.toUpperCase(); id = id.replace( /\t/ , "T"); id = id.replace( /\n/ , "N"); id = id.replace( /\r/ , "R"); id = id.replace( /\b/ , "B"); id = id.replace( /\f/ , "F"); return id.replace( /[^a-zA-Z0-9]/ , ""); } 結果が出る Attempt 1: cleanID("\\test\red\bob\fred\new"); Output 1: "BTESTREDOBFREDNEW" 実用的なソリューション: Final Attempt 1: return JSON.stringify("\\test\red\bob\fred\new").replace( /\W/g , ''); Output 1: "testredbobfrednew"

Admin 2024-07-08

ブラウザのバージョンはどうやって検出できますか? 質問する

私は、Web サイトにアクセスしているユーザーが Firefox 3 または 4 を使用しているかどうかを検出できるコードを探していました。見つかったのは、ブラウザの種類を検出するコードだけで、バージョンを検出するコードはありませんでした。 このようなブラウザのバージョンを検出するにはどうすればよいでしょうか?

Admin 2024-07-08