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

キャンバスにポリゴンを描画する方法を知る必要があります。jQueryなどを使用せずに。

94 javascript  css  html  canvas 

私はRailsとjQueryを使用してFacebook向けのゲームを作成しています。Facebook JavaScript SDKを使い始めて以来、アプリドメインとしてlocalhostを使用しても問題なく動作するように見えました。ローカルとHerokuの両方でゲームをテストすることができました。 昨日、Facebookの開発者UIが大幅に更新されたようです。localhostをアプリドメインとして追加すると、次のエラーが発生します。 これは、Canvas URL、Secure Canvas URL、Site URL、Mobile Site URL、Page Tab URL、またはSecure Page Tab URLから派生する必要があります。次のドメインを確認して修正してください：localhost 私のゲームもローカルで動作せず、JavaScript SDKがユーザーにログインするとエラーが発生します。 APIエラーコード：191 APIエラーの説明：指定されたURLはアプリケーションによって所有されていませんエラーメッセージ：無効なredirect_uri：指定されたURLはアプリケーション構成で許可されていません。 herokuapp.comは有効なアプリドメインと見なされているため、ゲームをデプロイするときにこれは発生しません。 localhostまたは127.0.0.1を使用できなくなった場合、ゲームを開発してテストするにはどうすればよいですか？

94 javascript  ruby-on-rails  facebook  heroku 

この質問はいくつかの異なる形式で行われましたが、私のシナリオで機能する答えを得ることができません。 ユーザーが上矢印/下矢印を押したときに、jQueryを使用してコマンド履歴を実装しています。上矢印を押すと、入力値を前のコマンドに置き換えて、入力フィールドにフォーカスを設定しますが、カーソルは常に入力文字列の末尾に配置されるようにします。 私のコードはそのままです： $(document).keydown(function(e) { var key = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0; var input = self.shell.find('input.current:last'); switch(key) { case 38: // up lastQuery = self.queries[self.historyCounter-1]; self.historyCounter--; input.val(lastQuery).focus(); // and it continues on from there カーソルをフォーカス後の「入力」の最後に配置するにはどうすればよいですか？

94 javascript  jquery  focus  cursor 

Node.jsがインストールされたAmazon EC2でDebianのインスタンスを実行しています。以下のコードを実行すると： http = require('http'); http.createServer(function (request, response){ response.writeHead(200, {'Content-Type':'text/plain'}); response.end('Hello World\n'); }).listen(80); console.log("Running server at port 80"); 以下の出力が表示され、ポート80でリッスンしている別のプロセスがあることがわかります。 Running server at port 80 events.js:72 throw er; // Unhandled 'error' event ^ Error: listen EACCES at errnoException (net.js:901:11) at Server._listen2 (net.js:1020:19) at listen (net.js:1061:10) at Server.listen (net.js:1127:5) at Object.<anonymous> (/home/admin/nodetests/nodetest.js:6:4) …

94 javascript  linux  node.js  amazon-ec2  debian 

マテリアルデザインをプロジェクトにインポートしようとしている単純な角度のプロジェクトで作業していますが、一部のコンポーネントが正しく機能せず、コンソールの警告で次のように表示されます。 HammerJSが見つかりませんでした。特定のAngular Materialコンポーネントが正しく機能しない場合があります。 私もhammerjsインストールしました@angular/material。この問題を解決するにはどうすればよいですか？ サイドノート それは注目に値することができることをあなたがしている場合はhammerjsインストールし、コンポーネントがまだあなたが使用している作るために、正しくレンダリングされていないangular material コンポーネントとしていないHTML要素materialize-css のクラスを。あなたがいる場合している使用してmaterialize-cssの代わりにangular material、あなたは別に、プロジェクトに追加する必要があります。

94 javascript  angular  material-design  hammer.js 

送信ボタンがないHTMLフォームを作成する最も簡単な方法を探しています。それ自体は非常に簡単ですが、送信のようなこと（たとえば、Enterテキストフィールドでの入力）が行われたときにフォームが再読み込みされないようにする必要もあります。

94 javascript  html  forms 

Firebugには、特定の関数名への呼び出しを記録する機能があります。ページのレンダリングを停止することがありますが、エラーや警告は発生しないバグを探しています。バグは約半分の時間しか現れません。それでは、プログラム全体のすべての関数呼び出しのリスト、またはプログラム全体の実行のためのある種のスタックトレースを取得するにはどうすればよいですか？

94 javascript  firebug 

私は周りを検索しましたが、これを見つけることができませんでした。divの幅を取得しようとしていますが、小数点がある場合は数値を丸めます。 例： #container{ background: blue; width: 543.5px; height: 20px; margin: 0; padding: 0; } 実行$('#container').width();すると、543.5ではなく543が返されます。数値を四捨五入せずに、完全な543.5（またはそれが何であるか）を返すにはどうすればよいですか。

94 javascript  jquery  css 

d3の軸にテキストラベルを追加するにはどうすればよいですか？ たとえば、x軸とy軸を持つ単純な線グラフがあります。 私のx軸には1〜10の目盛りがあります。その下に「日」という単語を表示して、x軸が日数を数えていることを人々に知らせます。 同様に、y軸には目盛りとして1〜10の数字があり、「食べたサンドイッチ」という単語を横向きに表示します。 これを行う簡単な方法はありますか？

94 javascript  d3.js  axis-labels 

私のプロジェクトではGrunt（JavaScriptプロジェクト用のタスクベースのコマンドラインビルドツール）を使用しています。カスタムタグを作成しましたが、それにコマンドを実行できるかどうか疑問に思っています。 明確にするために、私はクロージャテンプレートを使用しようとしています。「タスク」はjarファイルを呼び出して、Soyファイルをjavascriptファイルにプリコンパイルする必要があります。 コマンドラインからこのjarを実行していますが、タスクとして設定したいと思います。

94 javascript  templates  gruntjs  continuous-integration  google-closure-compiler 

私のSpider Sense eval()は、着信JSONの解析にを使用することは悪い考えであることを警告しています。JSON.parse()ブラウザー固有の機能ではなくJavaScriptの一部であると私が思っているのは、もっと安全なのかと思っているところです。

94 javascript  json 

1秒あたり60回呼び出されるメインループを持つ、かなり複雑なJavaScriptアプリがあります。多くのガベージコレクションが行われているようです（Chrome開発ツールのメモリタイムラインからの「ノコギリ波」出力に基づく）。これは、アプリケーションのパフォーマンスに影響を与えることがよくあります。 そこで、ガベージコレクターが行う必要のある作業量を削減するためのベストプラクティスを調査しようとしています。（私がWebで見つけた情報のほとんどは、メモリリークを回避することを考慮しています。これは少し異なる質問です。メモリが解放されます。ガベージコレクションが多すぎるというだけです。）これは主にオブジェクトを可能な限り再利用することに帰着しますが、もちろん悪魔は詳細にあります。 アプリは、John ResigのSimple JavaScript Inheritanceに沿って「クラス」で構成されています。 1つの問題は、一部の関数が1秒あたり数千回（メインループの各反復中に何百回も使用されるため）呼び出される可能性があることと、おそらくこれらの関数のローカル作業変数（文字列、配列など）です。問題かもしれません。 私はより大きな/より重いオブジェクトのオブジェクトプーリングを知っています（そしてこれをある程度使用します）が、特にタイトなループで非常に何度も呼び出される関数に関連して、全面的に適用できるテクニックを探しています。 ガベージコレクターが行う必要のある作業量を減らすために、どのようなテクニックを使用できますか？ そして、おそらくまた-どのオブジェクトがどのオブジェクトが最もガベージコレクションされているかを特定するために使用できますか？（これはコードベースが非常に大きいため、ヒープのスナップショットを比較することはあまり実りがありませんでした）

94 javascript  garbage-collection 

1つの要素に複数のデータバインディングが必要です。たとえば、1つのタグにデータバインディングhrefだけでなくも必要です。私はこれを試しました、html a <a data-bind="html: name" data-bind="attr: { href: url }" data-bind="attr: { 'data-prop': xyz }"> </a> しかし、これは機能しません。ノックアウトは1つの data-bindプロパティのバインドのみをサポートしているようですか？1つの要素hrefに、内部html、およびカスタム " data-prop"属性の両方をバインドする方法は？

94 javascript  jquery  knockout.js 

現在のところ、この質問はQ＆A形式には適していません。私たちは回答が事実、参考文献、または専門知識によってサポートされることを期待しますが、この質問はおそらく議論、議論、投票、または拡張された議論を誘います。この質問を改善でき、再開できると思われる場合は、ヘルプセンターにアクセスしてください。 7年前休業。 独自のサーバーではなくCDNからJavaScriptライブラリを提供することには、多大な利点があります。サーバーの作業量が少なく、CDNがサーバーよりもユーザーに近いコピーを作成できる可能性がありますが、最も重要なことは、ユーザーのブラウザーが既にそのURLからキャッシュしている可能性が高いことです。最後の1つは、誰にとっても総作業量が少ないことを意味します。そのため、これは明らかに勝ちとなり、私たち（開発者）がJavaScriptを提供するためにCDNに依存する可能性が高くなります。 しかし、人気のあるJavaScript CDN（Google、Microsoft、その他？）は少数のファイルのみをホストします。他の人にとっては、自分でホストするか、ソース管理サーバーを一種のCDNとして使用するかを選択できます。Githubやそれに類するものがグローバルに提供するために最適化されたファイルの地理的に分散されたキャッシュを持っている可能性は低いです。しかし、それが一般的な方法である場合、ユーザーのブラウザにキャッシュされる可能性はかなりあります。サーバーからgithubに作業をオフロードするという議論は、Githubが喜んでこれを自発的に申し出た場合にのみ有効です。 それで、それは一般的な習慣ですか？私たちはお互いにこれをするように勧めるべきですか？Githubは問題ありませんか？彼らは公式の方針を述べていますか？

94 javascript  performance  hosting 

ng-repeatループ内のスコープの問題に対処しようとしています。かなりの数の質問を参照しましたが、コードを機能させることができませんでした。 コントローラーコード： function Ctrl($scope) { $scope.lines = [{text: 'res1'}, {text:'res2'}]; } 見る： <div ng-app> <div ng-controller="Ctrl"> <div ng-repeat="line in lines"> <div class="preview">{{text}}{{$index}}</div> </div> <div ng-repeat="line in lines"> <-- typing here should auto update it's preview above --> <input value="{{line.text}}" ng-model="text{{$index}}"/> <!-- many other fields here that will also affect the …

94 javascript  angularjs