プログラミング javascript

4

node.jsは初めてですが、試してみることに興奮しています。ExpressをWebフレームワークとして使用し、Jadeをテンプレートエンジンとして使用しています。どちらも、次のセットアップを得ることは容易だった。このチュートリアルからのノードのキャンプ。しかし、私が見つけている1つの問題は、DBをセットアップするための簡単なチュートリアルが見つからないことです。基本的なチャットアプリケーション（ストアセッションとメッセージ）を構築しようとしています。誰かが良いチュートリアルを知っていますか？この他のSO投稿では、使用するdbについて説明していますが、これは私がこれまで行ってきたDjango / MySQLの世界とは大きく異なるため、何が起こっているのかを確実に理解したいと思います。ありがとう！

82 javascript database node.js

8

JavaScript例外処理

JavaScript内でスローされたすべての例外をキャッチするための最良のテクニックは何ですか？明らかに、最良のテクニックはtry ... catchを使用することです。ただし、非同期コールバックなどでは、注意が必要になる場合があります。 IEとGeckoのブラウザがwindow.onerrorをサポートしていることは知っていますが、OperaとSafariはどうですか？これが私が中心的な例外処理ソリューションを持ちたいと思うたくさんのテストケースです： // ErrorHandler-Test1 var test = null; test.arg = 5; // ErrorHandler-Test2 throw (new Error("Hello")); // ErrorHandler-Test3 throw "Hello again"; // ErrorHandler-Test4 throw { myMessage: "stuff", customProperty: 5, anArray: [1, 2, 3] }; // ErrorHandler-Test5 try { var test2 = null; test2.arg = 5; } …

82 javascript exception

2

JavaScriptで、新しいdivを動的に作成、変更、移動、可能な限り変更する方法は？

ページの読み込み時に新しいdivを作成したいと思います。これらのdivは、JSONファイルの外部データに応じて変化する順序付きグループとして表示されます。100を超えるdivが必要なため、forループを使用してこれを行う必要があります。したがって、高さ、幅、上/左などに関して、作成された各divを変更できる必要があります。それでも、document.getElementById("created_div").style.whatever何もしません。新しいdivが1つも表示されません。新しいdivの高さ/幅を500px、背景を「赤」などに設定しましたが、新しいdivが確実に表示されることはありません。私は何が間違っているのですか？

82 javascript dom

11

jQueryの数値にコンマを追加する

私はこれらの番号を持っています 10999そして8094と456 そして、私がやりたいのは、必要に応じて適切な場所にコンマを追加することです。 10,999そして8,094と456 これらはすべて、このようなapタグ内にあります<p class="points">10999</p>。それはできますか？私は他の投稿http://jsfiddle.net/pdWTU/1/の助けを借りてここでそれを試みましたが、それを機能させることができないようですありがとうジェイミー更新少し混乱して、ここでそれを理解することができましたhttp://jsfiddle.net/W5jwY/1/ それを行うためのより良い方法については、新しいグローバリゼーションプラグインを見ていきますありがとうジェイミー

82 javascript jquery formatting numbers

10

コンテナサイズに基づいてフォントサイズを設定する方法は？

幅と高さが％のコンテナがあるので、外部要因に応じてスケーリングします。コンテナ内のフォントは、コンテナのサイズに対して一定のサイズにしたいと思います。CSSを使用してこれを行う良い方法はありますか？font-size: x%のみ（100％であろう）元のフォントサイズに応じてフォントをスケーリングすることになります。

82 javascript css font-size

4

アンダースコアを使用してオブジェクトの配列を複製するにはどうすればよいですか？

#!/usr/bin/env node var _ = require('underscore'); var a = [{f: 1}, {f:5}, {f:10}]; var b = _.clone(a); b[1].f = 55; console.log(JSON.stringify(a)); その結果、次のようになります。 [{"f":1},{"f":55},{"f":10}] クローンが機能していないようです。だから私はRTFM、そしてこれを見てください： http://underscorejs.org/#clone オブジェクトの浅いコピーのクローンを作成します。ネストされたオブジェクトまたは配列は、複製されるのではなく、参照によってコピーされます。だから_.cloneかなり役に立たない。オブジェクトの配列を実際にコピーする方法はありますか？

82 javascript underscore.js

7

ブートストラップ「ツールチップ」と「ポップオーバー」により、テーブルにサイズが追加されます

注：ブートストラップのバージョン（3.3より前かどうか）によっては、異なる回答が必要になる場合があります。注意事項に注意してください。このコードでツールチップ（セルにカーソルを合わせる）またはポップオーバーをアクティブにすると、テーブルのサイズが大きくなります。どうすればこれを回避できますか？ここでemptyRow-100でtrを生成する関数 <html> <head> <title></title> <script type="text/javascript" language="javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <link type="text/css" rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css"> <script type="text/javascript" language="javascript" src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.2.1/bootstrap.min.js"></script> <style> #matrix td { width: 10px; height: 10px; border: 1px solid gray; padding: 0px; } </style> <script> function emptyRow() { str = '<tr>' for (j = 0; j < 100; …

82 javascript twitter-bootstrap twitter-bootstrap-3 tooltip

5

HTMLでの選択を防止する

HTMLページにdivがあり、マウスを押して移動すると、何かを選択するようにカーソルを「ドロップできない」と表示されます。選択を無効にする方法はありますか？CSSユーザー選択を試しましたが、何も成功しませんでした。

82 javascript html selection

3

Javascriptの継承：スーパーコンストラクターを呼び出すか、プロトタイプチェーンを使用しますか？

ごく最近、MDCでのJavaScript呼び出しの使用法について読みました https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/call 以下に示す例の1つのリンク、私はまだ理解していません。なぜ彼らはここでこのように継承を使用しているのですか Prod_dept.prototype = new Product(); これは必要ですか？でスーパーコンストラクターへの呼び出しがあるため Prod_dept() とにかく、このように Product.call これは一般的な動作から外れているだけですか？スーパーコンストラクターの呼び出しを使用するか、プロトタイプチェーンを使用する方がよいのはいつですか？ function Product(name, value){ this.name = name; if(value >= 1000) this.value = 999; else this.value = value; } function Prod_dept(name, value, dept){ this.dept = dept; Product.call(this, name, value); } Prod_dept.prototype = new Product(); // since 5 is less …

82 javascript inheritance call chaining prototype-programming

2

コンポーネントのReactjs非同期レンダリング

ajaxリクエストが完了した後にコンポーネントをレンダリングしたいと思います。以下に私のコードを見ることができます var CategoriesSetup = React.createClass({ render: function(){ var rows = []; $.get('http://foobar.io/api/v1/listings/categories/').done(function (data) { $.each(data, function(index, element){ rows.push(<OptionRow obj={element} />); }); return (<Input type='select'>{rows}</Input>) }) } }); しかし、ajaxリクエストのdoneメソッド内でrenderを返すため、以下のエラーが発生します。 Uncaught Error: Invariant Violation: CategoriesSetup.render(): A valid ReactComponent must be returned. You may have returned undefined, an array or some other …

82 javascript ajax asynchronous reactjs jquery-deferred

11

Reduxの状態関数がレデューサーと呼ばれるのはなぜですか？

これは公式のReduxドキュメントの一部です：これは、渡す関数のタイプであるため、レデューサーと呼ばれます。 Array.prototype.reduce(reducer, ?initialValue) それは私にはあまり意味がありません。なぜ彼らが実際にレデューサーと呼ばれるのか誰かが私に説明できますか？それらがデフォルト値を返す（またはデフォルトの引数値を持っている）という事実は、それらをレデューサーIMHOにしません。

82 javascript redux

11

スクロールイベントがユーザーによって作成されたかどうかを検出します

スクロールイベントがブラウザによって行われたのか、ユーザーによって行われたのかを判断することはできますか？具体的には、戻るボタンを使用すると、ブラウザは最後の既知のスクロール位置にジャンプする場合があります。スクロールイベントにバインドした場合、これがユーザーによるものかブラウザによるものかをどのように判断できますか？ $(document).scroll( function(){ //who did this?! }); ブラウザでスクロールを引き起こす3つのタイプの状況があります。ユーザーが何らかのアクションを実行します。たとえば、マウスホイール、矢印キー、Page Up / Downキー、Home / Endキーを使用します。ブラウザは自動的にスクロールします。たとえば、ブラウザで戻るボタンを使用すると、最後の既知のスクロール位置に自動的にジャンプします。 Javascriptがスクロールします。たとえば、element.scrollTo(x,y)。

82 javascript jquery

10

Angular 2：フォームが接続されていないため、フォームの送信がキャンセルされました

フォームを含むモーダルがあります。モーダルが破棄されると、コンソールに次のエラーが表示されます。フォームが接続されていないため、フォームの送信がキャンセルされましたモーダルは、私の最上位<modal-placeholder>要素である、の直接の子である要素に追加され<app-root>ます。 DOMからフォームを削除し、Angular 2でこのエラーを取り除く正しい方法は何ですか？私は現在使用していますcomponentRef.destroy();

82 javascript html angular forms angular-forms

20

名前空間を使用したXML解析にjQueryを使用する方法

私はjQueryを初めて使用し、XMLドキュメントを解析したいと思います。デフォルトの名前空間を使用して通常のXMLを解析できますが、次のようなXMLを使用します。 <xml xmlns:s="uuid:BDC6E3F0-6DA3-11d1-A2A3-00AA00C14882" xmlns:dt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882" xmlns:rs="urn:schemas-microsoft-com:rowset" xmlns:z="#RowsetSchema"> <s:Schema id="RowsetSchema"> <s:ElementType name="row" content="eltOnly" rs:CommandTimeout="30"> <s:AttributeType name="ows_ID" rs:name="ID" rs:number="1"> <s:datatype dt:type="i4" dt:maxLength="4" /> </s:AttributeType> <s:AttributeType name="ows_DocIcon" rs:name="Type" rs:number="2"> <s:datatype dt:type="string" dt:maxLength="512" /> </s:AttributeType> <s:AttributeType name="ows_LinkTitle" rs:name="Title" rs:number="3"> <s:datatype dt:type="string" dt:maxLength="512" /> </s:AttributeType> <s:AttributeType name="ows_ServiceCategory" rs:name="Service Category" rs:number="4"> <s:datatype dt:type="string" dt:maxLength="512" /> </s:AttributeType> …

82 javascript jquery xml namespaces xsd

8

2つの日付の日付情報が同じかどうかを確認する

2つの異なる日付オブジェクトが同じ日付情報（同じ日、月、年など）を持っているかどうかを確認するにはどうすればよいですか？"=="、 "===" 、. equalsを試しましたが、どれも機能しないようです。

82 javascript date equality

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

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