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

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

16
DOM要素内のテキスト行を数えるにはどうすればよいですか？できますか？
たとえば、div内の行をカウントする方法があるかどうか疑問に思っています。次のようなdivがあるとします。 <div id="content">hello how are you?</div> 多くの要因に応じて、divには1行、2行、または4行のテキストを含めることができます。スクリプトが知る方法はありますか？ 言い換えれば、自動ブレークはDOMで表されますか？
127 javascript  html  dom 
3
TypeScriptのオープンエンド関数の引数
TypeScript言語の主な関心事の1つであるIMO は、既存のバニラJavaScriptコードをサポートすることです。一見した印象です。完全に有効な次のJavaScript関数を見てください。 注：私はこのアプローチが好きだと言っているのではありません。これは有効なJavaScriptコードです。 function sum(numbers) { var agregatedNumber = 0; for(var i = 0; i < arguments.length; i++) { agregatedNumber += arguments[i]; } return agregatedNumber; } したがって、この関数は任意の数の引数とともに使用します。 console.log(sum(1, 5, 10, 15, 20)); ただし、これをTypeScript Playgroundで試してみると、コンパイル時にエラーが発生します。 これはバグだと思います。互換性の問題はないとします。次に、このタイプの関数をオープンエンドの引数で記述する方法はありますか？以下のようなparamsC＃での機能？
5
ES6の矢印関数でjQuery $（this）を使用する（字句thisバインディング）
字句thisバインディングでES6矢印関数を使用するのは素晴らしいことです。 しかし、典型的なjQueryクリックバインディングで使用する前に問題が発生しました。 class Game { foo() { self = this; this._pads.on('click', function() { if (self.go) { $(this).addClass('active'); } }); } } 代わりに矢印関数を使用します。 class Game { foo() { this._pads.on('click', () => { if (this.go) { $(this).addClass('active'); } }); } } そして$(this)ES5（self = this）型クロージャに変換されます。 Traceurに字句バインディングの「$（this）」を無視させる方法はありますか？
5
非同期関数が値ではなくPromise {<pending>}を返すのはなぜですか？
私のコード： let AuthUser = data =&gt; { return google.login(data.username, data.password).then(token =&gt; { return token } ) } そして、私がこのようなものを実行しようとすると： let userToken = AuthUser(data) console.log(userToken) 私は得ています： Promise { &lt;pending&gt; } しかし、なぜ？ 私の主な目標はgoogle.login(data.username, data.password)、promiseを返すトークンを変数に取得することです。その後、いくつかのアクションを実行します。
7
div内のすべての子DOM要素を削除する
divの下に表面グラフィック要素を作成するための次のdojoコードがあります。 .... &lt;script type=text/javascript&gt; .... function drawRec(){ var node = dojo.byId("surface"); // remove all the children graphics var surface = dojox.gfx.createSurface(node, 600, 600); surface.createLine({ x1 : 0, y1 : 0, x2 : 600, y2 : 600 }).setStroke("black"); } .... &lt;/script&gt; .... &lt;body&gt; &lt;div id="surface"&gt;&lt;/div&gt; .... drawRec()長方形のグラフィックスを初めて描画します。この関数を次のようなアンカーhrefでもう一度呼び出すと、 &lt;a href="javascript:drawRec();"&gt;...&lt;/a&gt; 再び別のグラフィックスを描画します。divの下のすべてのグラフィックをクリーンアップしてから、もう一度作成するために必要なもの。どうすればそれを行うためにいくつかの道場コードを追加できますか？
6
Angularコントローラー内でアンダースコアを使用する
angularjsコントローラー内でアンダースコアライブラリを使用するにはどうすればよいですか？ この投稿：AngularJS limitTo by last 2 records 誰かが_変数をrootScopeに割り当てて、ライブラリがアプリ内のすべてのスコープで使用できるようにすることを提案しました。 しかし、それをどこで行うべきかははっきりしていません。つまり、アプリモジュールの宣言に行くべきですか？つまり： var myapp = angular.module('offersApp', []) .config(['$rootScope', function($rootScope) { } しかし、下線libはどこにロードしますか？私のインデックスページには、ng-appディレクティブと、angular-jsおよびアンダースコアライブラリの両方へのスクリプト参照がありますか？ index.html： &lt;head&gt; &lt;/head&gt; &lt;body ng-app="offersApp"&gt; ... &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt;&lt;/script&gt; &lt;script src="scripts/vendor/angular.js"&gt;&lt;/script&gt; &lt;script src="scripts/vendor/underscore.js"&gt;&lt;/script&gt; ... どうすればこれを達成できますか？
12
シャッフルにJavaScript Array.sort（）メソッドを使用することは正しいですか？
私は彼のJavaScriptコードで誰かを助けていて、私のようなものは次のようなセクションに捕らえられました。 function randOrd(){ return (Math.round(Math.random())-0.5); } coords.sort(randOrd); alert(coords); 私の最初のことでしたが、ちょっと、これはおそらく機能しません！しかし、私はいくつかの実験を行ったところ、確かに少なくともランダム化された結果が得られるように思えました。 それから私はいくつかのウェブ検索をしました、そして、ほとんどトップでこのコードが最も熱心にコピーされた記事を見つけました。かなり立派なサイトと著者のように見えました... しかし、私の直感はこれが間違っているに違いないと私に告げています。特に、ソートアルゴリズムはECMA標準で指定されていないため。ソートのアルゴリズムが異なると、不均一なシャッフルが異なると思います。いくつかのソートアルゴリズムはおそらく無限にループするかもしれません... しかし、どう思いますか？ そして、別の質問として...このシャッフルテクニックの結果がどれだけランダムであるかをどのように測定しますか？ 更新：私はいくつかの測定を行い、答えの1つとして以下の結果を投稿しました。
14
jQueryはどこで学べますか？その価値はありますか？
ロックされています。質問はトピックから外れていますが、歴史的に重要であるため、この質問とその回答はロックされています。現在、新しい回答や相互作用を受け入れていません。 w3schools.comでの Web開発について多くの良い経験をしました。ヒットかミスかはわかりますが、PHPとCSSのセクションは参照用として非常に役立つことがわかっています。 とにかく、jQueryに似たようなサイトがあるのか​​と思っていました。学習に興味がありますが、オンライン/検索可能にする必要があるため、将来情報が必要になったときに簡単に参照できます。 また、簡単に言うと、jQueryは学ぶ価値がありますか？または、別のJavaScriptライブラリを見る必要がありますか？私はジェフがスタックオーバーフローでjQueryを使用していることを知っています。 ありがとう！ 編集：jQueryのWebサイトには、かなり大きなチュートリアルのリストと、一見包括的なドキュメントページがあります。まだすべてを確認する時間はありませんでしたが、他の誰かがそれを体験したことがありますか？ 編集2：GoogleがjQueryライブラリをホストしているようです。これにより、宣伝の面でjQueryにかなり大きな利点がもたらされます。 また、誰もが同じ場所でホストされている単一の統合aQueryライブラリを使用している場合、それはほとんどのインターネットユーザーの早い段階でキャッシュされるため、使用する場合でもサイトのダウンロードフットプリントには影響しません。 2か月後... 編集3：私は最近、仕事中のプロジェクトでjQueryを使い始めました。jQueryを学び、使用することは絶対に価値があると私が結論したことを皆に知らせたかっただけです。 また、ほぼ完全に公式jQueryのドキュメントとチュートリアルから学びました。とても簡単です。 10か月後... jQueryは、この投稿を最初に作成して以来、私が作成したほぼすべてのWebアプリの一部です。これにより、プログレッシブエンハンスメントが簡単になり、コードの保守が容易になります。 また、すべてのjQueryプラグインは非常に貴重なリソースです。 3年後... ほぼ毎日jQueryを使用しています。現在、jQueryプラグインを作成し、フルタイムで相談しています。私は主にDjangonautですが、jQueryといくつかのjavascriptのみの契約をしました。それは命の恩人です。 あるjQueryユーザーから別のjQueryユーザーへ... jQuery（または下線-下を参照）でのテンプレート化を検討する必要があります。 jQueryに加えて私が貴重だと思ったその他のもの（私が使用しているプロジェクトの推定部分を含む）： jQueryフォームプラグイン（95％） jQueryフォームサンプルプラグイン（75％） jQuery UI（70％） Underscore.js（80％） CoffeeScript（30％） Backbone.js（10％）
8
jQueryはチェックボックスが選択されているかどうかを確認します
個別のチェックボックスが選択されているかどうかを確認する方法を知っています。 しかし、私は次の問題を抱えています-フォームIDが与えられた場合、チェックボックスのいずれかが選択されているかどうか（つまり、1つ以上）を確認する必要があり、何も選択されていないかどうかを確認する必要があります。基本的に、私はこれら2つの質問に答える2つの個別の機能が必要です。助けていただければ幸いです。ありがとう！ 実際には、何も選択されていない場合に通知する関数が必要です。これを知ることは他の質問に答えます。
126 javascript  jquery  forms 
6
Node.js内のファイル間で変数を共有しますか？
ここに2つのファイルがあります： // main.js require('./modules'); console.log(name); // prints "foobar" // module.js name = "foobar"; 「var」がない場合は機能します。しかし、私が持っているとき： // module.js var name = "foobar"; 名前はmain.jsでは未定義になります。 グローバル変数は良くないので、参照の前に "var"を使用する方がいいと聞きました。しかし、これはグローバル変数が良いケースですか？
3
WebDriver click（）とJavaScript click（）
物語： ここStackOverflowで、Selenium WebDriverの「クリック」コマンドを使用して要素をクリックすることはできず、スクリプトを実行することでJavaScriptクリックでそれを回避できることを報告しているユーザーを見てきました。 Pythonでの例： element = driver.find_element_by_id("myid") driver.execute_script("arguments[0].click();", element) WebDriverJS / Protractorの例： var elm = $("#myid"); browser.executeScript("arguments[0].click();", elm.getWebElement()); 質問： 通常のWebDriverクリックが機能しないのに「JavaScript経由」をクリックすると機能するのはなぜですか？正確にこれが起こっているのはいつですか、そしてこの回避策（もしあれば）の欠点は何ですか？ 私は個人的にこの回避策を使用しましたが、なぜそれをしなければならないのか、またどのような問題が発生する可能性があるのか​​を完全には理解していません。
16
クラス名で要素を削除しますか？
クラス名を持つ要素を見つけるための以下のコードがあります。 // Get the element by their class name var cur_columns = document.getElementsByClassName('column'); // Now remove them for (var i = 0; i &lt; cur_columns.length; i++) { } それらを削除する方法がわからない.....親または何かを参照する必要がありますか？これを処理する最良の方法は何ですか？ @ Karim79： ここにJSがあります： var col_wrapper = document.getElementById("columns").getElementsByTagName("div"); var len = col_wrapper.length; alert(len); for (var i = 0; i &lt; len; i++) …
7
Syncではなくreactjs AsyncでsetStateを使用するのはなぜですか？
私はちょうどthis.setState()任意のコンポーネントの反応関数が非同期であるか、それが呼び出された関数の完了後に呼び出されることを発見しました。 今、私はこのブログを検索して見つけました（setState（）State Mutation Operation May Resyncous In ReactJS） ここで彼はそれを発見しました setStateは、状態の変化がどのようにトリガーされたかに応じて、非同期（スタックが空のときに呼び出される）または同期（呼び出されるとすぐに呼び出される）。 今これら二つは消化するのが難しい ブログでは、setState関数は関数内で呼び出されますupdateStateが、updateState関数をトリガーしたのは、呼び出された関数が知っているものではありません。 setStateJSが単一スレッド言語であり、このsetStateがWebAPIまたはサーバー呼び出しではないため、なぜJSのスレッドでのみ実行する必要があるのか、なぜ非同期になるのでしょうか。彼らはこれを行っているので、再レンダリングによってすべてのイベントリスナーなどが停止することはありませんか、それとも他の設計上の問題があります。
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.