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

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

5
Vue.jsでのEnterキーの処理
私はVue.jsを学んでいます。Vueには、テキストフィールドとボタンがあります。デフォルトでは、このボタンは、誰かがキーボードのEnterキーを押すとフォームを送信します。誰かがテキストフィールドに入力しているときに、押された各キーをキャプチャしたいと思います。キーが「@」記号の場合、何か特別なことをしたいと思います。押されたキーが「Enter」キーの場合、私も何か特別なことをしたいと思います。後者は私に挑戦を与えるものです。現在、私はこのフィドルを持っています。これには次のコードが含まれています。 new Vue({ el: '#myApp', data: { emailAddress: '', log: '' }, methods: { validateEmailAddress: function(e) { if (e.keyCode === 13) { alert('Enter was pressed'); } else if (e.keyCode === 50) { alert('@ was pressed'); } this.log += e.key; }, postEmailAddress: function() { this.log += '\n\nPosting'; } }); 私の例では、フォームを送信せずに「Enter」キーを押すことはできないようです。それでも、validateEmailAddress関数をキャプチャできるように、少なくとも最初に関数が起動することを期待します。しかし、それは起こっていないようです。私は何が間違っているのですか？
5
ReactでJSONをきれいに印刷する
ReactJSを使用していますが、アプリの一部にきれいに印刷されたJSONが必要です。 次のようなJSONを取得します。これをブラウザーコンソールで{ "foo": 1, "bar": 2 }実行するとJSON.stringify(obj, null, 4)、かなり印刷されますが、この反応スニペットで使用すると、次のようになります。 render: function() { var json = this.getStateFromFlux().json; return ( <div> <JsonSubmitter onSubmit={this.onSubmit} /> { JSON.stringify(json, null, 2) } </div> ); }, のように見えるグロスJSONをレンダリングします"{ \"foo\" : 2, \"bar\": 2}\n"。 これらの文字を正しく解釈するにはどうすればよいですか？{{
16
React.jsでモジュール（見つかりません）を解決できません
明らかな質問をしているとは信じられませんが、それでもコンソールログにエラーが表示されます。 コンソールに、ディレクトリ内にモジュールが見つからないと表示されますが、タイプミスがないか少なくとも10回チェックしました。とにかく、これがコンポーネントコードです。 ルートにヘッダーをレンダリングしたい import React, { Component } from 'react' import Header from './src/components/header/header' import logo from './logo.svg' import './App.css' class App extends Component { render() { return ( <Header/> ); } } export default App; これはHeaderコンポーネントです import React, { Component } from 'react' import ReactDOM from 'react-dom' import navBar …
13
.map（）Javascript ES6マップ？
これをどのように行いますか？本能的に、私はしたい： var myMap = new Map([["thing1", 1], ["thing2", 2], ["thing3", 3]]); // wishful, ignorant thinking var newMap = myMap.map((key, value) => value + 1); // Map { 'thing1' => 2, 'thing2' => 3, 'thing3' => 4 } 新しい反復プロトコルに関するドキュメントからはあまり収集していません。 私はを認識していwu.jsが、私は実行しているバベルのプロジェクトを含めたくないTraceur、それは現在に依存のようにそれはそうと。 また、fitzgen /wu.jsがどのようにそれを自分のプロジェクトに取り入れたかを抽出する方法についても少しわかりません。 私がここで欠けているものの明確で簡潔な説明が欲しいです。ありがとう！ ES6マップのドキュメント、FYI
5
「2016-02-16」が「2016-02-16 00:00」と等しくないのはなぜですか？
両方の日付文字列をに渡そうとしていnew Date(t)ます。 結局のところ、両方の文字列が同じ時間を表していると思いますが、結局、時間を省略した場合、その日の真夜中ではないでしょうか。 しかし、 new Date("2016-02-16 00:00") 2016-02-16、午前0時、予想どおり現地時間を返します new Date("2016-02-16") 2016-02-16のUTCの真夜中を返しますが、これは誤りです。少なくとも、他の文字列が何を解析するかを想定して、私が期待したものとは異なります。 時刻を現地時間として返すのか、UTCとして返すのかに関わらず、両方が同じ振る舞いをするのであれば理解できますが、このように異なるものを返す理由は非常に一貫していないようです。 回避策として、対応するタイムスタンプのない日付に遭遇したときは常に、一貫した動作を得るために「00:00」を追加できますが、これはかなり壊れやすいようです。 「datetime-local」タイプのINPUT要素からこの値を取得しているので、ページ要素から返された値を回避する必要があることは特に矛盾しています。 私は何か間違ったことをしていますか、それとも別のことをしているのですか？
8
モーダルにパラメーターを渡す方法は？
ログインしたユーザーがクリックしたsaのuserNameリストからuserNameをtwitterブートストラップに渡したいのですがmodal。私が使用していますGrailsのをしてangularjsデータを経由してレンダリングされる、angularjs。 構成 私のgrailsビューページencouragement.gspは <div ng-controller="EncouragementController"> <g:render template="encourage/encouragement_modal" /> <tr ng-cloak ng-repeat="user in result.users"> <td>{{user.userName}}</rd> <td> <a class="btn btn-primary span11" href="#encouragementModal" data-toggle="modal"> Encourage </a> </td> </tr> 私encourage/_encouragement_modal.gspは <div id="encouragementModal" class="modal hide fade"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3>Confirm encouragement?</h3> </div> <div class="modal-body"> Do you really want to encourage <b>{{aModel.userName}}</b>? …
8
AngularJS-templateUrlの生成で$ routeParamsを使用する方法
このアプリケーションには2レベルのナビゲーションがあります。AngularJSを使用$routeProviderして、テンプレートを動的にに提供したいと考えています<ng-view />。私はこれに沿って何かをすることを考えていました： angular.module('myApp', []). config(['$routeProvider', function($routeProvider) { $routeProvider.when('/:primaryNav/:secondaryNav', { templateUrl: 'resources/angular/templates/nav/'+<<primaryNavHere>>+'/'+<<secondaryNavHere>>+'.html' }); }]); 内のパーツを実装する方法がわかりません<<>>。primaryNavとsecondaryNavが$ routeParamsにバインドされることを知っていますが、テンプレートを動的に提供するために$ routeParamsにアクセスするにはどうすればよいですか？
3
backbone.js-何がクリックされたかを知るイベント
私のbackbone.jsビュークラスの1つには、次のようなものがあります。 ... events: { 'click ul#perpage span' : 'perpage' }, perpage: function() { // Access the text of the span that was clicked here // Something like: alert($(element).text()) }, ... 私のページごとのマークアップは次のようなものになるかもしれないので： <ul id="perpage"> <li><span>5</span></li> <li><span>10</span></li> </ul> では、イベントを発生させた要素に関する情報をどのように正確に見つけることができますか？または、この例では、それがクリックされましたか？
11
DOMノードの文字列表現を取得する
Javascript：ノード（要素またはドキュメント）のDOM表現があり、その文字列表現を探しています。例えば、 var el = document.createElement("p"); el.appendChild(document.createTextNode("Test")); 収まるはずです： get_string(el) == "<p>Test</p>"; 単純なものは見当たらないという強い気持ちがありますが、IE、FF、Safari、Operaで機能するメソッドが見つかりません。したがって、outerHTMLはオプションではありません。
4
Node.jsを使用するExpress.jsでセッションはどのように機能しますか？
Express.jsを使用すると、セッションは非常に簡単です。彼らが実際にどのように機能するか私は興味があります。 クライアントにCookieを保存しますか？もしそうなら、どこでそのクッキーを見つけることができますか？必要に応じて、どのようにデコードしますか？ 私は基本的に、ユーザーが実際にそのサイトにいないときでも、ユーザーがログインしているかどうかを確認できるようにしたいと思います（他のサイトにいるときにFacebookがログインしていることを知る方法など）。しかし、セッションがどのように機能するかを最初に理解する必要があることを理解すると思います。
5
なぜ無名関数を定義してjQueryを引数として渡すのですか？
backbone.jsスクリーンキャストからの優れたpeepcodeデモコードを調べています。その中で、バックボーンコードはすべてjQueryオブジェクトに渡される無名関数で囲まれています。 (function($) { // Backbone code in here })(jQuery); 私自身のバックボーンコードでは、すべてのコードをjQuery DOMの「準備完了」イベントにラップしました。 $(function(){ // Backbone code in here }); 最初のアプローチのポイント/利点は何ですか？このようにすると、無名関数が作成され、関数の引数としてjQueryオブジェクトが渡されてすぐに実行され、$がjQueryオブジェクトであることを効果的に保証します。これが唯一のポイントですか-jQueryが '$'にバインドされていることを保証するためですか、それとも他の理由がありますか？
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.