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

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


19
スクリプトを非同期にロードする
いくつかのプラグイン、カスタムウィジェット、およびJQueryのその他のライブラリを使用しています。その結果、いくつかの.jsファイルと.cssファイルがあります。読み込みに時間がかかるため、サイトのローダーを作成する必要があります。すべてをインポートする前にローダーを表示できると便利です。 <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="js/myFunctions.js"></script> <link type="text/css" href="css/main.css" rel="stylesheet" /> ... .... etc JavaScriptライブラリを非同期でインポートできるチュートリアルをいくつか見つけました。たとえば、私は次のようなことができます: (function () { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'js/jquery-ui-1.8.16.custom.min.js'; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); })(); 何らかの理由で、すべてのファイルに対して同じことをすると、ページが機能しません。私は問題がどこにあるかを見つけるために長い間努力してきましたが、私はそれを見つけることができません。まず、それはおそらく一部のJavaScript関数が他の関数に依存しているためだと思いました。しかし、タイムアウト関数を使用してそれらを正しい順序でロードし、1つが完了したときに次のページに進んでも、ページがまだ奇妙に動作します。たとえば、リンクなどをクリックできません...アニメーションはまだ機能します。 いずれかの方法 これが私が考えていることです...私はブラウザがキャッシュを持っていると思います。そのため、最初にページをロードするのに時間がかかり、次にページをロードするのに時間がかかります。したがって、私が考えているのは、index.htmlページを、このすべてのファイルを非同期でロードするページに置き換えることです。ajaxが完了すると、それらすべてのファイルがロードされ、使用する予定のページにリダイレクトされます。そのページを使用する場合、ファイルはブラウザのキャッシュに含まれているはずなので、ロードに時間がかからないはずです。インデックスページ(.jsファイルと.cssファイルが非同期で読み込まれるページ)でエラーが発生することは気にしません。ローダーを表示し、完了したらページをリダイレクトします... このアイデアは良い代替案ですか?または私は非同期にメソッドを実装しようとし続ける必要がありますか? 編集 すべてを非同期でロードする方法は次のとおりです: importScripts(); function importScripts() { //import: …

5
Gulpエラー:タスクの監視は関数でなければなりません
ここに私のgulpfileがあります: // Modules & Plugins var gulp = require('gulp'); var concat = require('gulp-concat'); var myth = require('gulp-myth'); var uglify = require('gulp-uglify'); var jshint = require('gulp-jshint'); var imagemin = require('gulp-imagemin'); // Styles Task gulp.task('styles', function() { return gulp.src('app/css/*.css') .pipe(concat('all.css')) .pipe(myth()) .pipe(gulp.dest('dist')); }); // Scripts Task gulp.task('scripts', function() { return gulp.src('app/js/*.js') .pipe(jshint()) …
125 javascript  gulp 

7
JQueryを使用して追加するHTMLテンプレートを定義する
私はループしている配列を持っています。条件がtrueになるたびに、HTML以下のコードのコピーをいくつかの値を持つコンテナー要素に追加したいと思います。 このHTMLをスマートな方法で再利用するにはどこに置くことができますか? <a href="#" class="list-group-item"> <div class="image"> <img src="" /> </div> <p class="list-group-item-text"></p> </a> jQuery $('.search').keyup(function() { $('.list-items').html(null); $.each(items, function(index) { // APPENDING CODE HERE }); });
125 javascript  jquery  json 

7
配列のindexOf関数とfindIndex関数の違い
2つの関数indexOfの違いと配列内のインデックスの検索で混乱しています。 ドキュメントは言う findIndex-述語がtrueである配列の最初の要素のインデックスを返し、それ以外の場合は-1を返します。 そして indexOf-配列内で最初に出現する値のインデックスを返します。
125 javascript 

4
JavaScriptでフォーム送信イベントをリッスンするにはどうすればよいですか?
私は自分のフォーム検証JavaScriptライブラリを書きたいと思っています。送信ボタンがクリックされたかどうかを検出する方法をGoogleで探していましたがonSubmit="function()"、HTMLでonClick onを使用する必要があるコードだけが見つかりました。 このJavaScriptを作成して、onSubmitやonClick javascriptを追加するようなHTMLコードに触れないようにします。

10
JavaScriptに最後のメソッドがないのはなぜですか?[閉まっている]
休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか?この投稿を編集して、事実と引用で回答できるように質問を更新してください。 6年前休業。 この質問を改善する JavaScriptのArrayクラスが配列の最後の要素を取得するための最後のメソッドを提供しないのは、ちょっと奇妙です。解決策は簡単(Ar [Ar.length-1])ですが、それでもあまりにも頻繁に使用されています。 これがまだ組み込まれていない深刻な理由はありますか?
124 javascript 

15
JavaScriptデータフォーマット/プリティプリンター
pretty print人間が読める形式のJavaScriptデータ構造をデバッグする方法を見つけようとしています。 JSに格納されているかなり大きくて複雑なデータ構造があり、それを操作するためのコードを記述する必要があります。私が何をしていてどこが間違っているのかを理解するために本当に必要なのは、データ構造全体を確認し、UIを介して変更を加えるたびに更新できるようにすることです。 JavaScriptデータ構造を人間が読める形式の文字列にダンプする良い方法を見つけることを除いて、私が自分で処理できるすべてのもの。JSONでも大丈夫ですが、実際には適切にフォーマットしてインデントする必要があります。通常は、Firebugの優れたDOMダンピング機能を使用しますが、構造全体を一度に表示できるようにする必要がありますが、Firebugでは不可能と思われます。 どんな提案も大歓迎です。 前もって感謝します。

5
ブラウザのリサイズ時にGoogleマップ(V3)を中央に配置(レスポンシブ)
ページにGoogleマップ(V3)があり、中央に1つのマーカーがあり、ページ幅が100%です。ブラウザウィンドウの幅のサイズを変更するときに、マップを中央に配置したままにします(応答)。これで、マップはページの左側にとどまり、小さくなります。 更新ダンカンのおかげで、説明どおりに機能するようになりました。これが最終的なコードです: var center; function calculateCenter() { center = map.getCenter(); } google.maps.event.addDomListener(map, 'idle', function() { calculateCenter(); }); google.maps.event.addDomListener(window, 'resize', function() { map.setCenter(center); });

8
名前がわからない場合、JavaScriptオブジェクトのプロパティにどのようにアクセスしますか?
次のようなJavaScriptオブジェクトがあるとします。 var data = { foo: 'bar', baz: 'quux' }; プロパティ名でプロパティにアクセスできます。 var foo = data.foo; var baz = data["baz"]; しかし、プロパティの名前がわからない場合、これらの値を取得することは可能ですか?これらのプロパティの無秩序な性質は、それらを区別することを不可能にしますか? 私の場合、関数が一連の名前と値のペアを受け入れる必要があるが、プロパティの名前が変更される可能性がある状況について具体的に考えています。 これまでのところ、これを行う方法についての私の考えは、データと共にプロパティの名前を関数に渡すことですが、これはハックのように感じます。可能であれば、これを内省して行いたいと思います。

6
innerText vs innerHTML vs label vs text vs textContent vs outerText
JavaScriptが入力されたドロップダウンリストがあります。 負荷時に表示するデフォルト値を決定する際、次のプロパティはまったく同じ値を示すことに気付きました。 innerText innerHtml label text textContent outerText 私自身の調査では、ベンチマークテストまたはそれらのいくつかの間の比較を示していますが、すべてではありません。 私は自分の常識を使用して、同じ結果を提供するのでどちらか一方を選択できますが、データが変更された場合、これは良い考えではないのではないかと心配しています。 私の発見は: innerText 値をそのまま表示し、含まれている可能性のあるHTML形式を無視します innerHTML 値を表示し、HTMLフォーマットを適用します labelと同じようinnerTextに見えるので、違いがわかりません textinnerTextjQuery省略バージョンと同じように見えますが textContentと同じように見えますが、innerTextフォーマットを維持します(など\n) outerText と同じように見える innerText 私の研究は私の研究が正しければ、何の特別な約がある場合にも、これまでのところ私は私が考えるか公開されているものを読むことができるものをテストすることができるよういずれかの確認を私にすることができます取ることができますlabelとouterText?
124 javascript  html  dom 


13
JavaScriptのアンダースコアを使用して重複オブジェクトを削除する
私はこの種の配列を持っています: var foo = [ { "a" : "1" }, { "b" : "2" }, { "a" : "1" } ]; 私はそれをフィルターにかけたいです: var bar = [ { "a" : "1" }, { "b" : "2" }]; _.uniqを使用してみましたが、と{ "a" : "1" }は異なるため、機能しません。アンダースコアuniqにオーバーライドされたequals関数を提供する方法はありますか?

15
JavaScriptで桁数を取得する
私の投稿のタイトルが示唆しているように、何桁あるのか知りたいのですvar numberが。たとえばnumber = 15;、関数がを返す必要がある場合2。現在、次のようになっています。 function getlength(number) { return number.toString().length(); } しかし、Safariは次の理由で機能しないと言っていTypeErrorます: '2' is not a function (evaluating 'number.toString().length()') ご覧のとおり、これ'2'は実際に適切なソリューションです。しかし、それはなぜnot a functionですか?
124 javascript  count  digits 

9
jQueryは、順序付けられていないリストからすべてのリストアイテムを削除します
リストからすべてのリスト要素をクリアするjQueryコマンドを忘れました。私は少し検索しましたが、以前に何度も検索しましたが、コマンドを忘れてしまいました。 $("ul").clear() $("ul").empty() どちらもこれを達成していないようでした。どちらのコマンドが再びですか? 更新: みんなありがとう、セレクタに構文エラーがあるはずです。

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