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

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

12
JavaScript関数でグローバル変数を定義する
JavaScript関数でグローバル変数を定義することは可能ですか？ trailimage（makeObj関数で宣言された）変数を他の関数で使用したい。 <html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server"> <title></title> <script type="text/javascript"> var offsetfrommouse = [10, -20]; var displayduration = 0; var obj_selected = 0; function makeObj(address) { **var trailimage = [address, 50, 50];** document.write('<img id="trailimageid" src="' + trailimage[0] + '" border="0" style=" position: absolute; visibility:visible; left: 0px; top: 0px; width: ' …
7
HTMLの「no-js」クラスの目的は何ですか？
多くのテンプレートエンジン、HTML5ボイラープレート、さまざまなフレームワーク、プレーンなPHPサイトでno-js、<HTML>タグにクラスが追加されていることに気づきました。 なぜこれが行われるのですか？このクラスに反応するある種のデフォルトのブラウザ動作はありますか？なぜそれを常に含めるのですか？no- "no-js"ケースがなく、htmlを直接アドレス指定できる場合、それはクラス自体を時代遅れにしませんか？ HTML5ボイラープレートindex.htmlの例を次に示します。 <!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]--> <!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]--> <!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]--> <!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]--> ご覧のとおり、<html>要素には常にこのクラスがあります。なぜこれがそんなに頻繁に行われるのか誰かが説明できますか？
19
Webページのタイトルを動的に変更するにはどうすればよいですか？
それぞれ異なるコンテンツを表示する一連のタブを実装するWebページがあります。タブをクリックしてもページは更新されませんが、クライアント側でコンテンツの表示/非表示が切り替わります。 ここで、ページで選択したタブに応じてページタイトルを変更する必要があります（SEOの理由から）。これは可能ですか？ページをリロードせずにJavaScriptを介してページタイトルを動的に変更するソリューションを誰かが提案できますか？
510 javascript  html 
30
jQueryのヒントとコツ
ロックされています。質問はトピックから外れていますが、歴史的に重要であるため、この質問とその回答はロックされています。現在、新しい回答や相互作用を受け入れていません。 構文 roosteronacidによる準備完了イベントの省略形 ロステロン酸による改行と連鎖性 ネイサンロングによるフィルターのネスト コレクションをキャッシュし、 roosteronacidによって同じ行でコマンドを実行する roosteronacidによるセレクターが含まれています ロステロン酸による元素生成時の特性の定義 roosteronacidによる配列と同じようにjQuery関数にアクセス noConflict機能- $変数を解放オリで nickfにより、$変数をnoConflictモードで分離します。 roosteronacidによる非競合モード データストレージ データ関数 -TenebrousXによるデータの要素へのバインド ステロイドのHTML5データ属性のサポート！roosteronacidによって FilipDupanović によるjQueryメタデータプラグイン 最適化 ロステロン酸による複雑なセレクターのパフォーマンスを最適化 lupefiascoによるコンテキストパラメータ ネイサンロングによる検索を保存して再利用する HTML要素の作成と参照の保持、要素が存在するかどうかの確認、Andreas Grechによる独自のセレクターの作成 雑多 コレクション内の要素のインデックスを redsquareで確認する TMによるライブイベントハンドラー 無名関数を名前付き関数にken で置き換えます SlaceによるMicrosoft AJAXフレームワークとjQueryブリッジ egyamadoによるjQueryチュートリアル コレクションから要素を削除し、ロステロン酸による連鎖性を維持する Benによる無名関数の冒頭で$ thisを宣言します FireBug lite、Hotboxプラグイン、Color Blendによる画像の読み込みとGoogle CDNの通知 HarriyottによるサードパーティのjQueryスクリプトの賢明な使用 Jan Zichによる各関数 Chris Sによるフォーム拡張プラグイン OneNerdによる非同期の各関数 jQueryテンプレートプラグイン： roosteronacidによるレンダリング関数を使用した複雑なロジックの実装
507 javascript  jquery 
30
オブジェクトの配列をグループ化する最も効率的な方法
配列内のオブジェクトをグループ化する最も効率的な方法は何ですか？ たとえば、次のオブジェクトの配列があるとします。 [ { Phase: "Phase 1", Step: "Step 1", Task: "Task 1", Value: "5" }, { Phase: "Phase 1", Step: "Step 1", Task: "Task 2", Value: "10" }, { Phase: "Phase 1", Step: "Step 2", Task: "Task 1", Value: "15" }, { Phase: "Phase 1", Step: "Step 2", Task: …
10
Node.jsとは何ですか？[閉まっている]
現在のところ、この質問はQ＆A形式には適していません。事実、参考文献、専門知識によって回答が裏付けられることを期待していますが、この質問は、討論、議論、投票、または拡張ディスカッションを求める可能性があります。この質問を改善でき、再開できると思われる場合は、ヘルプセンターにアクセスしてください。 8年前休業。 ロックされています。質問はトピックから外れていますが、歴史的に重要であるため、この質問とその回答はロックされています。現在、新しい回答や相互作用を受け入れていません。 Node.jsの内容が完全にわかりません。多分それは私が主にウェブベースのビジネスアプリケーション開発者だからです。それは何ですか、それはどのように使用されますか？ これまでの私の理解は、 プログラミングモデルはイベントドリブンであり、特にI / Oの処理方法です。 JavaScriptを使用し、パーサーはV8です。 同時サーバーアプリケーションの作成に簡単に使用できます。 私の理解は正しいですか？はいの場合、イベントI / Oのメリットは何ですか？それは同時実行に関するものだけですか？また、Node.jsがJavaScriptベース（V8ベース）のプログラミングモデルのようなフレームワークになる方向性はありますか？
6
このJavascriptは「必要」ですか？
私は、JavascriptをPostgreSQLデータベースに読み書きできるようにしています。このプロジェクトはgithubで見つかりました。次のサンプルコードをノードで実行することができました。 var pg = require('pg'); //native libpq bindings = `var pg = require('pg').native` var conString = "tcp://postgres:1234@localhost/postgres"; var client = new pg.Client(conString); client.connect(); //queries are queued and executed one after another once the connection becomes available client.query("CREATE TEMP TABLE beatles(name varchar(10), height integer, birthday timestamptz)"); client.query("INSERT INTO beatles(name, height, birthday) …
13
JavaScriptの文字列の最初の文字を削除する
文字列の最初の文字が0の場合、最初の文字を削除したいのですが、0は複数回存在できます。 最初の文字をチェックしてそれが0の場合は削除する単純な関数はありますか？ 現時点では、JS slice()関数を使って試していますが、非常に扱いにくいです。
505 javascript  string 
15
プログラムで16進数カラー（またはRGBとブレンドカラー）を明るくまたは暗くする
プログラムで16進数の色を特定の量だけ明るくまたは暗くするために作業していた関数は次のとおりです。"3F6D2A"色（col）のような文字列と、amt明るくまたは暗くする量のbase10整数（）を渡すだけです。暗くするには、負の数（つまり-20）を渡します。 私がこれを行う理由は、私が見つけたすべての解決策によるものでしたが、これまでのところ、それらは問題を過度に複雑にしているようでした。そして、たった数行のコードでそれができると感じました。問題を見つけた場合、またはそれをスピードアップするための調整がある場合は、私に知らせてください。 function LightenDarkenColor(col, amt) { col = parseInt(col, 16); return (((col & 0x0000FF) + amt) | ((((col >> 8) & 0x00FF) + amt) << 8) | (((col >> 16) + amt) << 16)).toString(16); } // TEST console.log( LightenDarkenColor("3F6D2A",40) ); コードスニペットを実行する結果を非表示スニペットを展開 ここでは、開発で使用する方が読みやすいバージョンです。 function LightenDarkenColor(col, amt) { var num = parseInt(col, …
504 javascript  colors  hex 
6
パーシャルとテンプレートの複雑な入れ子
私の質問は、AngularJSアプリケーションでテンプレート（パーシャルとも呼ばれる）の複雑なネストを処理する方法に関係しています。 私の状況を説明する最良の方法は、私が作成した画像を使用することです： ご覧のように、これは多くのネストされたモデルを持つかなり複雑なアプリケーションになる可能性があります。 アプリケーションは単一ページであるため、DOMに属性を持つdiv要素を含むindex.htmlをロードしng-viewます。 サークル1の場合、適切なテンプレートをにロードするプライマリナビゲーションがあることがわかりますng-view。これを行う$routeParamsには、メインアプリモジュールに渡します。これが私のアプリにあるものの例です： angular.module('myApp', []). config(['$routeProvider', function($routeProvider) { $routeProvider. when("/job/:jobId/zones/:zoneId", { controller: JobDetailController, templateUrl: 'assets/job_list_app/templates/zone_edit.html' }). when("/job/:jobId/initial_inspection", { controller: JobDetailController, templateUrl: 'assets/job_list_app/templates/initial_inspection.html' }). when("/job/:jobId/zones/:zoneId/rooms/:roomId", { controller: JobDetailController, templateUrl: 'assets/job_list_app/templates/room_edit.html' }) }]); サークル2では、に読み込まれるテンプレートにng-view追加のサブナビゲーションがあります。このサブナビゲーションは、その下の領域にテンプレートをロードする必要があります-ng-viewはすでに使用されているため、これを実行する方法がわかりません。 追加のテンプレートを1番目のテンプレートに含めることができることはわかっていますが、これらのテンプレートはすべてかなり複雑になります。アプリケーションを更新しやすくし、子にアクセスするためにロードする必要がある親テンプレートに依存しないようにするために、すべてのテンプレートを別々に保持したいと思います。 サークル3では、状況がさらに複雑になっていることがわかります。サブナビゲーションテンプレートには、独自のテンプレートをサークル4の領域にロードする必要がある2番目のサブナビゲーションが含まれる可能性があります。 AngularJSアプリを構造化して、テンプレートのこのような複雑な入れ子を処理しながら、テンプレートをすべて互いに分離したままにするにはどうすればよいですか？
6
ReactJS-「setState」が呼び出されるとレンダーが呼び出されますか？
React setStateは、呼び出されるたびにすべてのコンポーネントとサブコンポーネントを再レンダリングしますか？ もしそうなら、なぜですか？私は、状態が変化したときにReactが必要なだけレンダリングするだけだと考えていました。 次の単純な例では、onClickハンドラーが常にをstate同じ値に設定するため、後続のクリックで状態が変化しないにもかかわらず、テキストがクリックされたときに両方のクラスが再度レンダリングされます。 this.setState({'test':'me'}); レンダリングはstateデータが変更された場合にのみ発生することを期待していました。 JS Fiddleとしての例のコードと埋め込みスニペットは次のとおりです。 var TimeInChild = React.createClass({ render: function() { var t = new Date().getTime(); return ( <p>Time in child:{t}</p> ); } }); var Main = React.createClass({ onTest: function() { this.setState({'test':'me'}); }, render: function() { var currentTime = new Date().getTime(); return ( <div onClick={this.onTest}> <p>Time …
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.