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

ECMAScript（JavaScript / JS）とそのさまざまな方言/実装（ActionScriptを除く）でのプログラミングに関する質問。このタグが単独で使用されることはほとんどありませんが、ほとんどの場合、[node.js]、[jquery]、[json]、および[html]タグに関連付けられています。

8
JavaScriptの構造体
以前は、いくつかの関連する変数を格納する必要があるとき、クラスを作成していました。 function Item(id, speaker, country) { this.id = id; this.speaker = spkr; this.country = country; } var myItems = [ new Item(1, 'john', 'au'), new Item(2, 'mary', 'us') ]; しかし、これが良い習慣かどうか疑問に思っています。JavaScriptで構造体をシミュレートする他のより良い方法はありますか？
112 javascript  struct 
2
Angular2のサービスのイベントをサブスクライブする方法？
EventEmitterでイベントを発生させる方法を知っています。次のようなコンポーネントがある場合に呼び出されるメソッドをアタッチすることもできます。 <component-with-event (myevent)="mymethod($event)" /> このようなコンポーネントがあると、すべてがうまく機能します。いくつかのロジックをサービスに移動し、サービス内からイベントを発生させる必要があります。私がしたことはこれでした： export class MyService { myevent: EventEmitter = new EventEmitter(); someMethodThatWillRaiseEvent() { this.myevent.next({data: 'fun'}); } } このイベントに基づいて値を更新する必要があるコンポーネントがありますが、それを機能させることができません。私が試したのはこれです： //Annotations... export class MyComponent { constructor(myService: MyService) { //myService is injected properly and i already use methods/shared data on this. myService.myevent.on(... // 'on' is not a method <-- not …
9
反応ルーターハッシュフラグメントからクエリパラメーターを取得する
クライアント側のアプリケーションで、reactおよびreact-routerを使用しています。次のようなURLから次のクエリパラメータを取得する方法がわかりません。 http://xmen.database/search#/?status=APPROVED&page=1&limit=20 私のルートは次のようになります（パスは完全に間違っています）。 var routes = ( <Route> <DefaultRoute handler={SearchDisplay}/> <Route name="search" path="?status=:status&page=:page&limit=:limit" handler={SearchDisplay}/> <Route name="xmen" path="candidate/:accountId" handler={XmenDisplay}/> </Route> ); 私のルートは正常に機能していますが、必要なパラメーターを取得するためにパスをフォーマットする方法がわかりません。これについての助けに感謝します！
6
VueJs 2.0の兄弟コンポーネント間の通信
概観 Vue.js 2.xでは、model.syncされる非推奨。 では、Vue.js 2.xの兄弟コンポーネント間で通信する適切な方法は何ですか？ バックグラウンド 私がVue 2.xを理解しているように、兄弟通信の好ましい方法は、ストアまたはイベントバスを使用することです。 エヴァン（ヴューの創設者）によると： また、データフローが最終的に追跡できなくなり、デバッグが非常に困難になるため、「コンポーネント間でのデータの受け渡し」は一般に悪い考えです。 データの一部を複数のコンポーネントで共有する必要がある場合は、 グローバルストアまたはVuexを使用してください。 [ ディスカッションへのリンク ] そして： .onceおよび.sync非推奨です。小道具は常に一方通行です。親スコープで副作用を生成するには、コンポーネントはemit暗黙的なバインディングに依存するのではなく、イベントを明示的に指定する必要があります。 したがって、Evan は$emit()およびの使用を推奨してい$on()ます。 懸念 私が心配しているのは： それぞれがグローバルな可視性storeをevent持っています（私が間違っている場合は修正してください）。 マイナーなコミュニケーションごとに新しいストアを作成するのはもったいないです。 私が欲しいのは、兄弟コンポーネントのスコープ eventsまたはstores可視性です。（あるいは、おそらく私は上記の考えを理解していませんでした。） 質問 では、兄弟コンポーネント間で通信するための正しい方法は何ですか？
5
オブジェクトのキーにスペースがあるJavaScriptオブジェクトにアクセスするにはどうすればよいですか？
次のようなJavaScriptオブジェクトがあります。 var myTextOptions = { 'cartoon': { comic: 'Calvin & Hobbes', published: '1993' }, 'character names': { kid: 'Calvin', tiger: 'Hobbes' } } cartoon簡単に使用しmyTextOptions.cartoon.comicたり、何でもプロパティにアクセスできます。ただし、にアクセスするための正しい構文を取得できませんでしたkid。私は運が悪くて次のことを試しました： myTextOptions.character names.kid myTextOptions."character names".kid myTextOptions.character\ names.kid myTextOptions.'character names'.kid myTextOptions.["character names"].kid myTextOptions.character%20names.kid
112 javascript  object 
13
子孫のイベントリスナーを破壊せずにinnerHTMLに追加することは可能ですか？
次のコード例では、onclick「foo」というテキストを含むスパンにイベントハンドラーをアタッチしています。ハンドラは、をポップアップする無名関数ですalert()。 ただし、親ノードのに割り当てた場合innerHTML、このonclickイベントハンドラーは破棄されます。「foo」をクリックすると、アラートボックスがポップアップ表示されません。 これは修正可能ですか？ <html> <head> <script type="text/javascript"> function start () { myspan = document.getElementById("myspan"); myspan.onclick = function() { alert ("hi"); }; mydiv = document.getElementById("mydiv"); mydiv.innerHTML += "bar"; } </script> </head> <body onload="start()"> <div id="mydiv" style="border: solid red 2px"> <span id="myspan">foo</span> </div> </body> </html>
8
LocalStorageにブール値を設定できませんか？
にブール値を設定できないことに気付きましたlocalStorageか？ localStorage.setItem("item1", true); alert(localStorage.getItem("item1") + " | " + (localStorage.getItem("item1") == true)); true | falseテストしようとしたときに常に警告localStorage.getItem("item1") == "true"trueの警告...アイテムlocalStorageをtrue に設定するにはどうすればよいですか？ 文字列だって===タイプだけチェックするのかな？ そう alert("true" == true); // should be true?
112 javascript 
8
URL /アドレスバーからJavaScript関数を呼び出す
URLからJavaScript関数を呼び出すことはできますか？基本的に、ソースにアクセスできないページでJSメソッドを活用しようとしています。 何かのようなもの： http://www.example.com/mypage.aspx?javascript:printHelloWorld() あなたがjavascript:alert("Hello World");アドレスバーに入れればそれはうまくいくでしょう。 これに対する答えは「いいえ」ではないかと思いますが、それを行う方法があるかどうか疑問に思いました。
112 javascript  url 
6
Thymeleafを使用してSpringモデルからJavaScript変数を設定する
テンプレートエンジンとしてThymeleafを使用しています。SpringモデルからJavaScript変数に変数を渡すにはどうすればよいですか？ ばね側： @RequestMapping(value = "message", method = RequestMethod.GET) public String messages(Model model) { model.addAttribute("message", "hello"); return "index"; } クライアント側： <script> .... var m = ${message}; // not working alert(m); ... </script>
5
ローカルネットワークのデバイスからwebpack-dev-serverにアクセスする方法
いくつかのwebpack開発サーバーの構成があります（構成全体の一部です）。 config.devServer = { contentBase: './' + (options.publicFolder ? options.publicFolder : 'public'), stats: { modules: false, cached: false, colors: true, chunk: false }, proxy: [{ path: /^\/api\/(.*)/, target: options.proxyApiTarget, rewrite: rewriteUrl('/$1'), changeOrigin: true }] }; function rewriteUrl(replacePath) { return function (req, opt) { // gets called with request and proxy …
30
オブジェクトの2つの配列をマージする
例を見てみましょう。 var arr1 = new Array({name: "lang", value: "English"}, {name: "age", value: "18"}); var arr2 = new Array({name : "childs", value: '5'}, {name: "lang", value: "German"}); オブジェクトの2つの配列をマージして、次の配列を作成する必要があります。 arr3 = new Array({name: "lang", value: "German"}, {name: "age", value: "18"}, {name : "childs", value: '5'}); これを行うためのJavaScriptまたはjQuery関数はありますか？ $.extend私には合いません。戻る arr4 = new Array({name : …
8
Angular 2でリロードせずにルートパラメーターを変更する
Angular 2、Google Mapsなどを使用して不動産Webサイトを作成しています。ユーザーがマップの中心を変更すると、APIに対して検索を実行して、マップの現在の位置と半径を示します。重要なのは、ページ全体を再読み込みせずに、これらの値をURLに反映したいということです。それは可能ですか？AngularJS 1.xを使用していくつかのソリューションを見つけましたが、Angular 2については何も見つかりませんでした。
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.