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

ES6でノードリストをフィルタリングまたはマップする最も効率的な方法は何ですか？ 私の読書に基づいて、私は次のオプションのいずれかを使用します： [...nodelist].filter または Array.from(nodelist).filter どちらをお勧めしますか？そして、たとえば配列を使用せずに、より良い方法はありますか？

90 javascript  arrays  filter  ecmascript-6  nodelist 

私は次のようなURLを取得しています： fetch(url, { mode: 'no-cors', method: method || null, headers: { 'Accept': 'application/json, application/xml, text/plain, text/html, *.*', 'Content-Type': 'multipart/form-data' }, body: JSON.stringify(data) || null, }).then(function(response) { console.log(response.status) console.log("response"); console.log(response) }) 私のAPIはデータがであると想定しているmultipart/form-dataのでcontent-type、このタイプを使用しています...しかし、ステータスコード400の応答が返されます。 私のコードの何が問題になっていますか？

90 javascript  fetch  fetch-api 

要素を介してユーザーが選択した画像を読み込もうとしています。 次のように、onchangeイベントハンドラーを入力要素に追加しました。 <input type="file" name="picField" id="picField" size="24" onchange="preview_2(this);" alt=""/> そしてpreview_2関数は次のとおりです。 var outImage ="imagenFondo"; function preview_2(what){ globalPic = new Image(); globalPic.onload = function() { document.getElementById(outImage).src = globalPic.src; } globalPic.src=what.value; } ここで、outImageには、新しい画像をロードするタグのid値があります。 ただし、onloadは発生せず、htmlには何もロードされないようです。 私は何をすべきか？

90 javascript  html 

私はこれに対する答えを探し回ってみましたが、それらのほとんどはReactのコンテキスト外にあり、onChangeブラー時にトリガーされます。 さまざまなテストを実行しているときに、これら2つのイベントがどのように異なるのか（テキスト領域に適用した場合）がわかりません。誰かがこれに光を当てることができますか？

90 javascript  reactjs  dom-events 

私は最近Node.jsを研究していて、単純なNode.jsベースのサーバーの作成に関するいくつかの資料に出くわしました。たとえば、次のようになります。 var express = require("express"), http = require("http"), app; // Create our Express-powered HTTP server // and have it listen on port 3000 app = express(); http.createServer(app).listen(3000); // set up our routes app.get("/hello", function (req, res) { res.send("Hello World!"); }); app.get("/goodbye", function (req, res) { res.send("Goodbye World!"); }); さて、コードで何が起こっているのか理解しているように見えますが、用語に少し混乱しています。サーバーという用語を聞くと、ApacheやNginxのようなものについて考えます。私はそれらを自分のWebアプリケーションを保持できるコンテナーのようなものだと考えることに慣れています。Node.jsサーバーはNginx / …

90 javascript  node.js  apache  nginx  webserver 

codecademy.comでJavaScript / jQueryのレッスンを受けています。通常、レッスンは答えやヒントを提供しますが、これについては何の助けにもならず、私は指示に少し混乱しています。 関数makeGamePlayerが3つのキーを持つオブジェクトを返すようにすることを示しています。 //First, the object creator function makeGamePlayer(name,totalScore,gamesPlayed) { //should return an object with three keys: // name // totalScore // gamesPlayed } 私はこれをすべきかどうかわかりません //First, the object creator function makeGamePlayer(name,totalScore,gamesPlayed) { //should return an object with three keys: // name // totalScore // gamesPlayed this.name = name; this.totalScore …

90 javascript 

私は時々としてレンダリングする必要がありますコンポーネント持ち<anchor>ようや他の回<div>。これpropを判断するために読んだのはthis.props.urlです。 存在する場合は、コンポーネントをでラップしてレンダリングする必要があります<a href={this.props.url}>。それ以外の場合は、としてレンダリングされます<div/>。 可能？ これは私が今していることですが、単純化できると感じています。 if (this.props.link) { return ( <a href={this.props.link}> <i> {this.props.count} </i> </a> ); } return ( <i className={styles.Icon}> {this.props.count} </i> ); 更新： これが最後のロックアップです。先端をありがとう、@ Sulthan！ import React, { Component, PropTypes } from 'react'; import classNames from 'classnames'; export default class CommentCount extends Component { static propTypes = …

90 javascript  reactjs 

時間を節約し、PIXIクラス（2d webGlレンダラーライブラリ）を拡張するクラス間で共通のコードを再利用したいと思います。 オブジェクトインターフェイス： module Game.Core { export interface IObject {} export interface IManagedObject extends IObject{ getKeyInManager(key: string): string; setKeyInManager(key: string): IObject; } } 私の問題は、コード内のことであるgetKeyInManagerとsetKeyInManager変更されませんし、私はないそれを複製し、それを再利用したい、ここでの実装は次のとおりです。 export class ObjectThatShouldAlsoBeExtended{ private _keyInManager: string; public getKeyInManager(key: string): string{ return this._keyInManager; } public setKeyInManager(key: string): DisplayObject{ this._keyInManager = key; return this; } } 私がやりたいのManager.add()は、マネージャーで使用されるキーを介して、オブジェクト自体の内部のオブジェクトをそのプロパティで参照するために自動的に追加することです_keyInManager。 それでは、テクスチャの例を見てみましょう。ここに行きますTextureManager …

90 javascript  oop  typescript  extends 

反応コンポーネントのブール状態を切り替える方法を知りたいのですが。例えば： コンポーネントのコンストラクターにブール状態チェックがあります。 constructor(props, context) { super(props, context); this.state = { check: false }; }; this.setStateメソッドを使用して、チェックボックスがクリックされるたびに状態を切り替えようとしています。 <label><input type=checkbox" value="check" onChange = {(e) => this.setState({check: !check.value})}/> Checkbox </label> もちろん、Uncaught ReferenceErrorが発生します：チェックが定義されていません。では、どうすればこれを達成できますか？ よろしくお願いします。

90 javascript  reactjs  reactjs-flux 

Prototype JavaScriptフレームワークを使用してオブジェクトのすべてのプロパティを反復処理する方法はありますか？ これが状況です：次のようなJSONのAJAX応答を取得しています： {foo: 1, bar: 2, barobj: {75: true, 76: false, 85: true}} 変数へのjson応答を評価する場合response、response.barobjオブジェクトの各プロパティを反復処理して、どのインデックスがtrueでどのインデックスがfalseであるかを確認できます。 プロトタイプには両方がObject.keys()ありますObject.values()が、奇妙なことに単純なObject.each()機能はありません！Object.keys（）とObject.values（）の結果を取得して、もう1つを反復するときに相互参照することもできますが、これはハックなので、適切な方法があると確信しています。

89 javascript  prototypejs 

サードパーティのアドオン/アプリケーション、またはJavaScriptオブジェクトのスクリプトデバッガーでオブジェクトマップのダンプを実行する方法はありますか？ ここに状況があります...私はメソッドが2回呼び出され、そのたびに何かが異なります。何が違うのかはわかりませんが、何か違います。したがって、ウィンドウ（または少なくともwindow.document）のすべてのプロパティをテキストエディターにダンプできれば、2つの呼び出しの状態を単純なファイルdiffで比較できます。考え？

89 javascript 

BACKBONE.JS Iましたがコンパレータ機能で設定コレクションを得ました。モデルをうまく並べ替えていますが、順序を逆にしたいと思います。 モデルを昇順ではなく降順に並べ替える方法を教えてください。

89 javascript  backbone.js 

2つのラジオボタンとjqueryを実行しています。 <input type="radio" name="lom" value="1" checked> first <input type="radio" name="lom" value="2"> second これで、ボタンを使用して、関数を実行するようにonClickを設定できます。ラジオボタンの1つをクリックしたときに、ラジオボタンが機能するようにするにはどうすればよいですか。

89 javascript  jquery 

まあ、私はいくつかのjQueryアクションを使用して、特定のdivに多くのクラスを追加できることを知っています。 <div class="cleanstate"></div> いくつかのクリックなどで、divは多くのクラスを取得するとします <div class="cleanstate bgred paddingleft allcaptions ..."></div> では、どのようにして1つを除くすべてのクラスを削除できますか？私が思いついた唯一のアイデアはこれです： $('#container div.cleanstate').removeClass().addClass('cleanstate'); removeClass()すべてのクラスを殺している間、divはめちゃくちゃになりますが、直後に追加addClass('cleanstate')すると通常に戻ります。他の解決策は、削除されないように基本的なCSSプロパティを持つID属性を配置することです。これにより、パフォーマンスも向上しますが、「。cleanstate」以外のすべてを取り除く別の解決策を知りたいだけです。 実際のスクリプトでは、divがクラスのさまざまな変更に影響を受けるため、これを求めています。

89 javascript  jquery  class  addclass  removeclass 

JavaScriptのDOMおよびBOMとは何ですか？誰かが簡単な言葉でこれらを説明できればそれは素晴らしいでしょう！これらについてより深く理解したいと思います。

89 javascript  dom  dom-events