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

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

10
JavaScriptで「!-」は何をしますか?
私はこのコードを持っています(この質問から取られた): var walk = function(dir, done) { var results = []; fs.readdir(dir, function(err, list) { if (err) return done(err); var pending = list.length; if (!pending) return done(null, results); list.forEach(function(file) { file = path.resolve(dir, file); fs.stat(file, function(err, stat) { if (stat && stat.isDirectory()) { walk(file, function(err, res) { results = results.concat(res); …

10
AngularJS ui-routerログイン認証
私はAngularJSを初めて使用しますが、次のシナリオでangular- "ui-router"を使用する方法について少し混乱しています。 2つのセクションで構成されるWebアプリケーションを構築しています。最初のセクションはログインビューとサインアップビューのあるホームページで、2番目のセクションはダッシュボードです(ログイン成功後)。 私はindex.htmlホームセクションのを作成し、その角度のアプリと構成ui-routerを使用/loginして/signupビューを処理dashboard.htmlし、ダッシュボードセクションの別のファイルを使用して、そのアプリと構成ui-routerを使用して多くのサブビューを処理します。 今、私はダッシュボードセクションを終了しましたが、2つのセクションを異なる角度のアプリと組み合わせる方法がわかりません。ホームアプリにダッシュボードアプリにリダイレクトするように指示するにはどうすればよいですか?

23
HTML5でiPad Miniを検出する
AppleのiPad Miniは、私たちが望む以上に、iPad 2の小さなクローンです。JavaScriptでは、window.navigatorオブジェクトはMiniとiPad 2で同じ値を公開します。違いを検出するためのこれまでの私のテストでは成功していません。 何でこれが大切ですか? iPad MiniとiPad 2の画面はピクセルは同じですが、実際のサイズ(インチ/センチメートル)が異なるため、PPI(ピクセル/インチ)も異なります。 ウェブアプリケーションやゲームで使いやすいユーザーインターフェースを提供するには、特定の要素のサイズをユーザーの親指や指の位置に応じて調整するため、特定の画像やボタンを拡大して、ユーザーエクスペリエンスを向上させることができます。 私がこれまでに試したこと(いくつかのかなり明白なアプローチを含む): window.devicepixelratio CSS要素の幅(cm単位) CSSメディアクエリ(resolutionおよびなど-webkit-device-pixel-ratio) 同様の単位のSVG図面 すべての種類のCSS Webkit変換を設定された時間実行し、レンダリングされたフレームをカウントしますrequestAnimFrame(測定可能な違いを検出することを望んでいました) 私はアイデアが新鮮です。あなたはどう? アップデート これまでの回答に感謝します。iPad miniと2の検出に反対する人々にコメントしたいと思います。Appleはええと、それらすべてを支配する1つのガイドラインがあるからです。さて、ここでは、人がiPad miniまたは2のどちらを使用しているかを知ることが世界中で本当に理にかなっていると思う理由を説明します。そして、私の推論を好きなようにしてください。 iPad miniは非常に小さいデバイス(9.7インチ対7.9インチ)であるだけでなく、そのフォームファクターによってさまざまな使用法が可能になります。iPad 2は、チャックノリスでない限り、ゲームをするときは通常両手で持ちます。miniは小さくなりますが、軽量であり、片手で握り、別の手でスワイプやタップなどの操作を行うことができます。私自身、ゲームデザイナーおよび開発者として、それがミニかどうかを知りたいので、必要に応じて(たとえば、プレーヤーのグループでのA / Bテストの後に)プレーヤーに別のコントロールスキームを提供することを選択できます。 どうして?まあ、それはほとんどのユーザーがデフォルト設定で行く傾向があるので、プレーヤーがロードしたときに仮想サムスティックを省き、他のタップベースのコントロールを画面に配置することです(ここでは任意の例を示します)。初めてのゲームは、私、そしておそらく他のゲームデザイナーができることを望んでいることです。 だから私見これは細い指/ガイドラインの議論を超えて、Appleと他のすべてのベンダーがやるべきことです:ガイドラインに従うのではなく、私たちがあなたのデバイスを一意に識別し、異なることを考えられるようにします。
376 javascript  html  ipad  svg 

21
「コンソール」はInternet Explorerの未定義エラーです
私はFirebugを使用しており、次のようなステートメントがあります。 console.log("..."); 私のページで。IE8(おそらく以前のバージョンも)では、「コンソール」が未定義であるというスクリプトエラーが発生します。私はこれを自分のページの一番上に置いてみました: <script type="text/javascript"> if (!console) console = {log: function() {}}; </script> それでもエラーが発生します。エラーを取り除く方法はありますか?

19
なぜ同じ行で無名関数を呼び出す必要があるのですか?
私は閉鎖についてのいくつかの投稿を読んでいて、これをどこでも見ましたが、それがどのように機能するのか明確な説明はありません-私はちょうどそれを使用するように言われたたびに...: // Create a new anonymous function, to use as a wrapper (function(){ // The variable that would, normally, be global var msg = "Thanks for visiting!"; // Binding a new function to a global object window.onunload = function(){ // Which uses the 'hidden' variable alert( msg ); }; // …


30
JavaScriptでオブジェクトの配列から重複を削除する
オブジェクトの配列を含むオブジェクトがあります。 things = new Object(); things.thing = new Array(); things.thing.push({place:"here",name:"stuff"}); things.thing.push({place:"there",name:"morestuff"}); things.thing.push({place:"there",name:"morestuff"}); 配列から重複したオブジェクトを削除するための最良の方法は何だろうと思います。たとえば、things.thingは... {place:"here",name:"stuff"}, {place:"there",name:"morestuff"}

6
クラスごとのjQuery要素のカウント-これを実装する最良の方法は何ですか?
私がやろうとしていることは、現在のページのすべての要素を同じクラスでカウントし、それを使用して入力フォームの名前に追加することです。基本的に、私はユーザーがaをクリックすることを許可しています。<span>そうすることで、同じタイプのアイテムの別のものを追加できます。しかし、jQuery / JavaScriptでこれらすべてを単純にカウントする方法を考えることはできません。 次に、アイテムにのような名前を付けます。name="whatever(total+1)"誰かがこれを行う簡単な方法を持っている場合、JavaScriptは私の母国語ではないので、とても感謝しています。

30
Twitterブートストラップモーダルボックスのデフォルトの幅を変更するにはどうすればよいですか?
私は以下を試しました: <div class="modal hide fade modal-admin" id="testModal" style="display: none;"> <div class="modal-header"> <a data-dismiss="modal" class="close">×</a> <h3 id='dialog-heading'></h3> </div> <div class="modal-body"> <div id="dialog-data"></div> </div> <div class="modal-footer"> <a data-dismiss="modal" class="btn" >Close</a> <a class="btn btn-primary" id="btnSaveChanges">Save changes</a> </div> </div> そしてこのJavascript: $('.modal-admin').css('width', '750px'); $('.modal-admin').css('margin', '100px auto 100px auto'); $('.modal-admin').modal('show') 結果は私が期待したものではありません。モーダル左上が画面の中央に配置されます。 誰かが私を助けてくれますか?他の誰かがこれを試しましたか?私がしたいことは珍しいことではないと思います。

10
カプセル化された無名関数の構文を説明する
概要 JavaScriptでカプセル化された匿名関数の構文の背後にある理由を説明できますか?なぜこれは機能します(function(){})();が、機能しませんfunction(){}();か? 私が知っていること JavaScriptでは、次のような名前付き関数を作成します。 function twoPlusTwo(){ alert(2 + 2); } twoPlusTwo(); 無名関数を作成して変数に割り当てることもできます。 var twoPlusTwo = function(){ alert(2 + 2); }; twoPlusTwo(); 匿名関数を作成し、それを角かっこで囲んですぐに実行することで、コードブロックをカプセル化できます。 (function(){ alert(2 + 2); })(); これは、GreasemonkeyスクリプトやjQueryプラグインなどのように、変数が競合する可能性がある現在のスコープやグローバルスコープが乱雑になるのを避けるために、モジュール化されたスクリプトを作成するときに役立ちます。 今、私はこれがなぜ機能するのか理解しています。角かっこはコンテンツを囲み、結果のみを公開します(それを説明するためのより良い方法があると確信しています)(2 + 2) === 4。 わからないこと しかし、なぜこれも同様に機能しないのか理解できません。 function(){ alert(2 + 2); }(); それを説明してもらえますか?

5
Reactの仮想DOMの概念がダーティモデルチェックよりもパフォーマンスが高いと言われているのはなぜですか?
私が見たリアクト(でのdevの話を- JSConf EU 2013再考ベストプラクティスを::リアクトピート・ハントを)とスピーカーは、モデルのダーティー・チェックが遅くなることが言及しました。しかし、仮想DOMは、ほとんどの場合、モデルよりも大きいはずなので、仮想DOM間の差分の計算は実際にはそれほど効率的ではありませんか? 私は本当に仮想DOMの潜在的な能力(特にサーバー側のレンダリング)が好きですが、すべての長所と短所を知りたいです。


7
オブジェクトのキーの配列を取得する
JavaScriptオブジェクトのキーを、jQueryまたは純粋なJavaScriptのいずれかの配列として取得したいと考えています。 これより冗長な方法はありますか? var foo = { 'alpha' : 'puffin', 'beta' : 'beagle' }; var keys = []; for (var key in foo) { keys.push(key); }

20
ローカルテキストファイルを読み取る方法
ファイルのパスを受け取り、テキストの各行をchar配列に変換する関数を作成して、単純なテキストファイルリーダーを記述しようとしていますが、機能しません。 function readTextFile() { var rawFile = new XMLHttpRequest(); rawFile.open("GET", "testing.txt", true); rawFile.onreadystatechange = function() { if (rawFile.readyState === 4) { var allText = rawFile.responseText; document.getElementById("textSection").innerHTML = allText; } } rawFile.send(); } ここで何が問題になっていますか? これは、以前のリビジョンからコードを少し変更した後でも機能しないようですが、今ではXMLHttpRequest例外101が発生します。 私はこれをFirefoxでテストしましたが動作しますが、Google Chromeでは動作せず、例外101が発生し続けます。Firefoxだけでなく、他のブラウザー(特にChrome)でも動作させるにはどうすればよいですか。 )?

13
このエラーの原因-「致命的なエラー:ローカルのうなり声が見つかりません」
最初に古いバージョンのgruntを削除してから、新しいバージョンのgruntをインストールしたところ、次のエラーが発生しました。 D:\ www \ grunt-test \ grunt grunt-cli:gruntコマンドラインインターフェイス。(v0.1.4) 致命的なエラー:ローカルのうなり声が見つかりません。 このメッセージが表示される場合は、Gruntfileが見つからなかったか、プロジェクトにローカルにgruntがインストールされていません。gruntのインストールと設定の詳細については、スタートガイドを参照してください:http : //gruntjs.com/getting-started これは、私のシステムパスにgruntへの参照がないためですか?または、他の何か?私はすでに数回それを再インストールしようとしました。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.