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

先日、JavaScriptで大量割り当てがどのように機能するかを正確に確認するために遊んでいました。 まず、コンソールでこの例を試しました： a = b = {}; a.foo = 'bar'; console.log(b.foo); その結果、アラートに「バー」が表示されていました。それは十分に公平でaありb、実際には同じオブジェクトの単なるエイリアスです。次に、この例をもっと簡単にするにはどうすればよいかと考えました。 a = b = 'foo'; a = 'bar'; console.log(b); それはだいたい同じですよね。さて今回は、最初の例の振る舞いから期待するほどには戻りfooませんbar。 なぜこれが起こるのですか？ 注：この例は、次のコードでさらに簡略化できます。 a = {}; b = a; a.foo = 'bar'; console.log(b.foo); a = 'foo'; b = a; a = 'bar'; console.log(b); コードスニペットを実行する結果を非表示スニペットを展開 （JavaScriptは文字列や整数などのプリミティブをハッシュとは異なる方法で処理していると思います。ハッシュはポインターを返しますが、「コア」プリミティブはそれらのコピーを返します）

97 javascript 

ビューはどのように処理する必要がありますelか？設定する必要があります。そうしないと、イベントは発生しません（ここを参照）。 しかし、それはすでにページ上にある要素であるべきでしょうか？私のアプリでは、（jQueryテンプレート）テンプレートをFancyboxにレンダリングします。elその場合、何をすべきでしょうか？

97 javascript  backbone.js  backbone-views 

CasperJSを使用して、一連のクリック、完成したフォーム、データの解析などをWebサイトで自動化しています。 キャスパーは、thenステートメントの形式で事前設定されたステップのリストに編成されているようです（ここの例を参照してください：http : //casperjs.org/quickstart.html）。実際に実行される次のステートメントのトリガーとなるものは明確ではありません。 たとえば、then保留中のすべてのリクエストが完了するのを待ちますか？injectJS保留中の要求としてカウント？thenステートメントがネストされている場合-ステートメントの最後にチェーンされている場合はどうなりopenますか？ casper.thenOpen('http://example.com/list', function(){ casper.page.injectJs('/libs/jquery.js'); casper.evaluate(function(){ var id = jQuery("span:contains('"+itemName+"')").closest("tr").find("input:first").val(); casper.open("http://example.com/show/"+id); //what if 'then' was added here? }); }); casper.then(function(){ //parse the 'show' page }); CasperJSでのフローの仕組みに関する技術的な説明を探しています。私の特定の問題は、私の最後のthenステートメント（上記）が私のcasper.openステートメントの前に実行され、その理由がわかりません。

97 javascript  casperjs 

現在、Twitterブートストラップ3を使用していますが、レスポンシブな画像を作成する際に問題が発生しています。私はimg-responsiveクラスを使いました。しかし、画像サイズは拡大されていません。width:100%代わりに使用するとmax-width:100%、完全に機能します。問題はどこだ？これは私のコードです： <div class="col-md-4 col-sm-4 col-xs-12 "> <div class="product"> <div class="product-img "> <img class="img-responsive" src="img/show1.png" alt="" /> </div> </div> </div>

97 javascript  jquery  html  css  twitter-bootstrap 

私はngClickでクラスを追加する方法を働かせようとしています。plunkerにコードをアップロードしましたここをクリックしてください。角度のあるドキュメントを見ると、正確な方法がわかりません。以下は私のコードのスニペットです。誰かが正しい方向に案内してくれますか <div ng-show="isVisible" ng-class="{'selected': $index==selectedIndex}" class="block"></div> コントローラ var app = angular.module("MyApp", []); app.controller("subNavController", function ($scope){ $scope.toggle = function (){ $scope.isVisible = ! $scope.isVisible; }; $scope.isVisible = false; });

97 javascript  angularjs  angularjs-ng-click  ng-class 

forEachループ内の配列の要素を削除しようとしていますが、これまでに見た標準的な解決策に問題があります。 これは私が現在試しているものです： review.forEach(function(p){ if(p === '\u2022 \u2022 \u2022'){ console.log('YippeeeE!!!!!!!!!!!!!!!!') review.splice(p, 1); } }); コンソールifに表示されているため、問題が発生していることがわかりYippeeeeeE!!!!!!!!!!!!!ます。 私の問題： forループとifロジックが適切であることはわかっていますが、配列から現​​在の要素を削除しようとすると失敗します。 更新： Xotic750の答えを試してみましたが、要素はまだ削除されていません： これが私のコードの関数です： review.forEach(function (item, index, object) { if (item === '\u2022 \u2022 \u2022') { console.log('YippeeeE!!!!!!!!!!!!!!!!') object.splice(index, 1); } console.log('[' + item + ']'); }); 配列がまだ削除されていない場合の出力は次のとおりです。 [Scott McNeil] [reviewed 4 months ago] [ Mitsubishi …

97 javascript  foreach 

どちらが使いやすいか便利です。 <script type="text/javascript">...</script> または <script>...</script>

97 javascript  html 

私は重いフロントエンドアプローチでWebアプリケーションを開発しています。DojoとAMD-wayを使用することで、現在100を超える異なるJavaScriptファイルを簡単にロードできるテスト画面があります。 特定の問題をデバッグする場合、または特定のファイルの古いバージョンが表示されるかどうかを確認する場合、Chromeデベロッパーツールの[ソース]タブでファイルを見つけるのが非常に困難です。 ファイルの名前を入力して、そのファイルのソースに移動するためのショートカットやアクションはありますか？

97 javascript  debugging  google-chrome  google-chrome-devtools  frontend 

私はちょうど疑問に思っていました、違いは何ですか <script> そして <script type = 'text/javascript'> Webサーバーによって異なりますか？ たとえば、（w3schoolsからのリンクを提供するのは正しくないことはわかっていますが、見てください） http://www.w3schools.com/js/tryit.asp?filename=tryjs_myfirst クロムを使用して、w3schoolsを訪問したところ、 <script>タグが必要なすべてであること。 しかし、オフラインのjavascriptテストを行ったとき、私は <script type = 'text/javascript'> 鬼ごっこ。これはなぜですか？

97 javascript  html 

私はドキュメントフラグメントとDOMリフローについて読んでいて、DOM要素に追加するまで、どちらもDOMに存在しないように見えるため、どのようにdocument.createDocumentFragment違うのか疑問に思いdocument.createElementました。 私はテスト（下記）を行い、すべて同じ時間（約95ms）かかりました。推測では、これは要素にスタイルが適用されていないためである可能性があり、おそらくリフローされていません。 とにかく、以下の例に基づいて、DOMに挿入するときではcreateDocumentFragmentなくなぜ使用する必要があるのかcreateElement、2つの違いは何ですか？ var htmz = "<ul>"; for (var i = 0; i < 2001; i++) { htmz += '<li><a href="#">link ' + i + '</a></li>'; } htmz += '<ul>'; //createDocumentFragment console.time('first'); var div = document.createElement("div"); div.innerHTML = htmz; var fragment = document.createDocumentFragment(); while (div.firstChild) { fragment.appendChild(div.firstChild); } $('#first').append(fragment); console.timeEnd('first'); …

97 javascript  dom 

私はdivページを持っています： <div id="here_table"></div> そしてjqueryで： for(i=0;i<3;i++){ $('#here_table').append( 'result' + i ); } これは私のために生成します： <div id="here_table"> result1 result2 result3 etc </div> これを表で受け取りたい： <div id="here_table"> <table> <tr><td>result1</td></tr> <tr><td>result2</td></tr> <tr><td>result3</td></tr> </table> </div> やってる： $('#here_table').append( '<table>' ); for(i=0;i<3;i++){ $('#here_table').append( '<tr><td>' + 'result' + i + '</td></tr>' ); } $('#here_table').append( '</table>' ); しかし、これは私のために生成します： <div id="here_table"> <table> …

97 javascript  jquery  html 

私は上の変化を検出しようとしていますngModelで<select>タグ。Angular 1.xでは、$watchon ngModelを使用して、またはを使用してこれを解決するngChange場合がありますがngModel、Angular 2での変更を検出する方法はまだわかりません。 完全な例：http : //plnkr.co/edit/9c9oKH1tjDDb67zdKmr9?p=info import {Component, View, Input, } from 'angular2/core'; import {FORM_DIRECTIVES} from 'angular2/common'; @Component({ selector: 'my-dropdown' }) @View({ directives: [FORM_DIRECTIVES], template: ` <select [ngModel]="selection" (ngModelChange)="onChange($event, selection)" > <option *ngFor="#option of options">{{option}}</option> </select> {{selection}} ` }) export class MyDropdown { @Input() options; selection = 'Dog'; ngOnInit() …

97 javascript  angular 

サーバーで実行されているNode.js / Express.jsアプリがポート3000でのみ動作し、その理由を理解しようとしています。これが私が見つけたものです： ポート（app.listen()）を指定しないと、アプリは実行されますが、Webページは読み込まれません。 ポート3001（app.listen(3001)）または使用されていないその他のポートでは、アプリは実行されますが、Webページは読み込まれません。 他の何かがそのポートを使用しているため、ポート2999でアプリはエラーをスローします。 ポート3000でアプリが実行され、ウェブページが正常に読み込まれます。 Expressアプリはデフォルトでポート3000に設定されています。しかし、奇妙なことに、私のアプリは、明示的にポート3000（app.listen(3000)）で実行させた場合にのみ実行されます。 私はこれを220行目で見つけました/usr/bin/express： app.set(\'port\', process.env.PORT || 3000); これは前述のとおりです。ポートを指定されたものに設定するか、何も指定されていない場合は3000に設定します。 8080や3001などの別のポートでアプリを動作させるにはどうすればよいですか？ ありがとう！ 編集：コードサンプル（非常に単純なノード/ Expressアプリ） var express = require("express"); var app = express(); app.get('/', function(req, res){ res.send('hello world'); }); // Only works on 3000 regardless of what I set environment port to or how I set [value] …

97 javascript  node.js  configuration  express  port 

選択したすべてのテキストを選択解除するためのJavaScriptの関数はありますか？私はそれがdocument.body.deselectAll();何かのような単純なグローバル関数である必要があると思います。

97 javascript  selection 

JavaScript / jQueryでは、alertオブジェクトがある場合、[object]または [object Object] 知る方法はありますか： これら2つのオブジェクトの違いは何ですか これはどのタイプのオブジェクトですか このオブジェクトに含まれるすべてのプロパティと各プロパティの値 ？

97 javascript  jquery