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

私はangular 2で作業していますが、次のようなものが見つかりました <input #searchBox (keyup)="search(searchBox.value)" そしてそれは動作します。 しかし、#searchBoxの意味がわかりません。どちらのドキュメントにも明確な情報は見つかりませんでした。 誰か私にそれがどのように機能するか説明できますか？

135 javascript  html  angular  typescript 

JavaScriptの場合： encodeURIComponent("©√") == "%C2%A9%E2%88%9A" C＃アプリケーションに相当するものはありますか？私が使用したHTML文字をエスケープするために： txtOut.Text = Regex.Replace(txtIn.Text, @"[\u0080-\uFFFF]", m => @"&#" + ((int)m.Value[0]).ToString() + ";"); しかし、JSが使用する正しい16進形式に一致を変換する方法がわかりません。たとえば、次のコード： txtOut.Text = Regex.Replace(txtIn.Text, @"[\u0080-\uFFFF]", m => @"%" + String.Format("{0:x}", ((int)m.Value[0]))); 戻り値" %a9%221a"について"©√"代わりにを"%C2%A9%E2%88%9A"。文字列をバイトなどに分割する必要があるようです。 編集：これは、Windowsのアプリ、アイテムのみ利用可能であるためにSystem.Web：あるAspNetHostingPermission、AspNetHostingPermissionAttributeとAspNetHostingPermissionLevel。

135 c#  javascript  .net  windows  encoding 

コードスニペットをいくつか見ていたところ、空の配列にforEachが適用されたノードリストに対して関数を呼び出す複数の要素が見つかりました。 たとえば、私は次のようなものがあります： [].forEach.call( document.querySelectorAll('a'), function(el) { // whatever with the current node }); しかし、それがどのように機能するのか理解できません。誰かがforEachの前にある空の配列の動作と動作を説明できますcallか？

135 javascript  arrays  foreach  ecmascript-5  nodelist 

私はそれについて考えています、そしてこれは私が思いついたものです： 次のようなコードがあるとします。 console.clear(); console.log("a"); setTimeout(function(){console.log("b");},1000); console.log("c"); setTimeout(function(){console.log("d");},0); リクエストが届き、JSエンジンは上記のコードの実行を段階的に開始します。最初の2つの呼び出しは同期呼び出しです。しかし、setTimeoutメソッドに関しては、非同期実行になります。しかし、JSはすぐにそれから戻って、実行を継続する、と呼ばれていますNon-BlockingかAsync。そしてそれは他にも取り組んでいます。 この実行の結果は次のとおりです。 acdb つまり、基本的には2番目setTimeoutが最初に終了し、そのコールバック関数は最初のものよりも早く実行され、それは理にかなっています。 ここではシングルスレッドアプリケーションについて説明します。JS Engineはこれを実行し続け、最初のリクエストが終了しない限り、2番目のリクエストには進みません。しかし良い点は、setTimeout解決するようなブロック操作を待たないため、新しい着信要求を受け入れるため、処理が速くなることです。 しかし、私の質問は次の項目に関して発生します。 ＃1：シングルスレッドアプリケーションについて話している場合setTimeouts、JSエンジンがより多くのリクエストを受け入れて実行する間に、どのメカニズムが処理しますか？シングルスレッドは他のリクエストに対してどのように機能し続けますか？何が上で動作しsetTimeout、他の要求がでてくると実行を取得しています。 ＃2：これらのsetTimeout関数がバックグラウンドで実行され、さらに多くのリクエストが入って実行されている場合、バックグラウンドで非同期実行を実行するものは何ですか？私たちが話しているこのことは何と呼ばれていEventLoopますか？ ＃3：しかし、メソッド全体をに入れEventLoopて、全体が実行され、コールバックメソッドが呼び出されるようにしないでください。これは、コールバック関数について話すときに理解できることです。 function downloadFile(filePath, callback) { blah.downloadFile(filePath); callback(); } しかし、この場合、JSエンジンは非同期関数であるかどうかをどのようにして認識し、コールバックEventLoop? Perhaps something like theをC＃のasync`キーワードに入れるか、JSエンジンが行うメソッドが非同期メソッドであることを示す何らかの属性を置くことができます。それに応じて処理する必要があります。 ＃4：しかし、記事は、物事がどのように機能しているのかについて私が推測していたこととはまったく逆のことを言っています。 イベントループは、コールバック関数のキューです。非同期関数が実行されると、コールバック関数がキューにプッシュされます。JavaScriptエンジンは、非同期関数が実行された後のコードが実行されるまで、イベントループの処理を開始しません。 ＃5：この画像は参考になるかもしれませんが、画像の最初の説明は、質問番号4で述べたものとまったく同じことを言っています。 だから私の質問は、上記の項目についていくつかの説明を得ることですか？

135 javascript  multithreading  node.js  asynchronous  event-loop 

反応プロジェクトの画像に問題があります。確かに、私はいつもsrc属性への相対パスはファイルアーキテクチャ上に構築されていると思っていました ここに私のファイルアーキテクチャ： components file1.jsx file2.jsx file3.jsx container img js ... ただし、パスがURLに基​​づいて構築されていることに気付きました。私のコンポーネントの1つ（たとえば、file1.jsx内）には次のようになっています。 localhost/details/2 <img src="../img/myImage.png" /> -> works localhost/details/2/id <img src="../img/myImage.png" /> -> doesn't work, images are not displayed この問題を解決するにはどうすればよいですか？react-routerで処理されるどのような形式のルートでも、すべての画像を同じパスで表示できることを望んでいます。

135 javascript  reactjs  webpack 

ノードで文字列を改行（ '\ n'）で分割する方法は？のような単純な文字列var a = "test.js\nagain.js"があり、取得する必要があります["test.js", "again.js"]。私は試した a.split("\n"); a.split("\\n"); a.split("\r\n"); a.split("\r"); しかし、上記のどれも機能しません。

135 javascript  node.js 

リアクティブreduxのコンポーネントとコンテナーの違いは何ですか？

135 javascript  reactjs  redux 

たとえば、2つのオブジェクトがあるとします。 var foo = { x: "bar", y: "baz" } そして var oof = {} そして、xとyの値をfooからoofに転送したかったのです。es6構造化構文を使用してそれを行う方法はありますか？ おそらく次のようなもの： oof{x,y} = foo

135 javascript  ecmascript-6  destructuring 

次の疑似コードの例で、コンテナがfoo.barを変更したときに子が再レンダリングしないのはなぜですか？ Container { handleEvent() { this.props.foo.bar = 123 }, render() { return <Child bar={this.props.foo.bar} /> } Child { render() { return <div>{this.props.bar}</div> } } forceUpdate()コンテナの値を変更した後に呼び出しても、子はまだ古い値を示しています。

135 javascript  html  reactjs 

ReadableStreamオブジェクトから情報を取得するにはどうすればよいですか？ 私はFetch APIを使用していますが、ドキュメントからこれが明確であるとは思いません。 本文はとして返されReadableStreamます。このストリーム内のプロパティにアクセスしたいだけです。ブラウザー開発ツールの[応答]で、この情報がJavaScriptオブジェクトの形式でプロパティに整理されているように見えます。 fetch('http://192.168.5.6:2000/api/car', obj) .then((res) => { if(res.status == 200) { console.log("Success :" + res.statusText); //works just fine } else if(res.status == 400) { console.log(JSON.stringify(res.body.json()); //res.body is undefined. } return res.json(); })

135 javascript  node.js  reactjs  fetch 

スタックとタブナビゲーターの両方を使用して画面を切り替えようとしています。 const MainNavigation = StackNavigator({ otp: { screen: OTPlogin }, otpverify: { screen: OTPverification}, userVerified: { screen: TabNavigator({ List: { screen: List }, Settings: { screen: Settings } }), }, }); この場合、stacknavigatorが最初に使用され、次にtabnavigatorが使用されます。スタックナビゲーターのヘッダーを非表示にしたい。次のようなナビゲーションオプションを使用すると、WItが正しく機能しません。 navigationOptions: { header: { visible: false } } 私はstacknavigatorで使用している最初の2つのコンポーネントでこのコードを試しています。この行を使用すると、次のようなエラーが発生します。

135 javascript  react-native  react-navigation  expo 

フォーカスを失ったときにJavaScriptコードを実行したい標準のHTML入力があります。残念ながら、私のGoogle検索では、これを行う方法が明らかになりませんでした。 それを明確にするために、私はこれを行う方法を探しています： <input type="text" name="name" value="value" onlosefocus="alert(1);"/>

134 javascript  html  javascript-events 

モカのbeforeEachブロックで問題なく動作するすべてのsinonスパイのモックとスタブを簡単にリセットする方法はありますか？ サンドボックス化はオプションですが、これにサンドボックスを使用する方法はわかりません beforeEach -> sinon.stub some, 'method' sinon.stub some, 'mother' afterEach -> # I want to avoid these lines some.method.restore() some.other.restore() it 'should call a some method and not other', -> some.method() assert.called some.method

134 javascript  testing  mocha  stubbing  sinon 

閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか？Stack Overflowのトピックとなるように質問を更新します。 6年前休業。 この質問を改善する スペースが既に設定されている文字列変数に単語を追加するにはどうすればよいですか？

134 javascript  string  variables  append 

テンプレートエンジンとしてHandlebar.jsを使用しています。次に、ハンドルバーテンプレートのブロックの一部をコメント化します。しかし、HandlebarはHandlebarコメントブロック内の式を無視しないことに気付きました。これの回避策はありますか？

134 javascript  html  templates  handlebars.js