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

構築しているノードフレームワークにwebpackを使用しています（確かに、おそらくgulpを使用する必要があります）。EJSモジュールを含めると、node_modulesディレクトリを除外するように明示的に指示した場合でも、webpackはコンパイルされたソースにそれを含めます。 module.exports = { context: __dirname, target: 'node', // ... output: { libraryTarget: 'commonjs' // ... }, module: { loaders: [ { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader?{ "stage": 0, "optional": ["runtime"] }' } ] } }; ご覧のとおり、JSファイルのテストがあり、node_modulesを除外するように指示しています。なぜ私の除外を無視するのですか？

83 javascript  webpack 

require()クライアント側で（または同様のものを）使用することは可能ですか？ 例 var myClass = require('./js/myclass.js');

83 javascript  node.js 

非常に単純なデータ構造があるとします。 (personId, name) ...そして、これらの多くをjavascript変数に格納したいとします。私が見ているように、3つのオプションがあります。 // a single object var people = { 1 : 'Joe', 3 : 'Sam', 8 : 'Eve' }; // or, an array of objects var people = [ { id: 1, name: 'Joe'}, { id: 3, name: 'Sam'}, { id: 8, name: 'Eve'} ]; // or, …

83 javascript  data-structures 

HH：MM：SS形式の2つの時間文字列があります。たとえば、str1contains 10:20:45、 str2contains 5:10:10。 上記の値を比較するにはどうすればよいですか？

83 javascript 

JavaScriptまたはjqueryを使用してHTMLページをPDFとして保存することは可能ですか？ 詳細に： テーブルを含む1つのHTMLページを生成しました。「PDFとして保存」ボタンが1つあります。ユーザーがそのボタンをクリックすると、そのHTMLページはPDFファイルとして変換する必要があります。 JavaScriptまたはjqueryを使用することは可能ですか？

83 javascript  jquery  jquery-ui 

ノードと同じ柔軟性/モジュール性/使いやすさを提供するブラウザ内JavaScript用のライブラリはありますrequireか？ 詳細を提供するために：理由requireはとても良いですそれはそれです： コードを他の場所から動的にロードできるようにします（これは、すべてのコードをHTMLでリンクするよりも、スタイル的に優れていると思います）。 モジュールを構築するための一貫したインターフェースを提供します モジュールが他のモジュールに依存するのは簡単です（たとえば、jQueryを必要とするAPIを記述して、使用できるようにすることができます） jQuery.ajax() ロードされたJavaScriptはスコープが設定されています。つまり、ロードしvar dsp = require("dsp.js");てアクセスできるためdsp.FFT、ローカルに干渉することはありません。var FFT これを効果的に行うライブラリはまだ見つかりません。私がよく使用する回避策は次のとおりです。 coffeescript-concat-他のjsを必要とするのは簡単ですが、コンパイルする必要があります。つまり、高速開発（テスト中のAPIの構築など）にはあまり適していません。 RequireJS-人気があり、簡単で、1〜3を解決しますが、スコープの欠如は本当に大きな問題です（head.jsは、スコープがないという点で似ていると思いますが、使用する機会はありませんでした。同様に、LABjsは.wait()依存関係の問題をロードして緩和できますが、それでもスコープは実行されません） 私の知る限り、JavaScriptの動的および/または非同期ロードには多くの解決策があるようですが、HTMLからjsをロードするのと同じスコープの問題が発生する傾向があります。何よりも、グローバル名前空間をまったく汚染しないが、ライブラリをロードして使用できるようにするJavaScriptをロードする方法が必要です（ノードの要求と同じように）。 2020年の更新： モジュールはES6で標準になり、2020年半ばの時点で、ほとんどのブラウザーでネイティブにサポートされています。モジュールは、同期と非同期（Promiseを使用）の両方のロードをサポートします。私の現在の推奨事項は、ほとんどの新しいプロジェクトでES6モジュールを使用し、トランスパイラーを使用してレガシーブラウザー用の単一のJSファイルにフォールバックすることです。 一般的な原則として、今日の帯域幅も通常、私が最初にこの質問をしたときよりもはるかに広くなっています。したがって、実際には、ES6モジュールで常にトランスパイラーを使用し、ネットワークではなくコード効率に注力することを合理的に選択する場合があります。 以前の編集（またはES6モジュールが気に入らない場合）：これを書いた後、私はRequireJSを広範囲に使用しました（これにより、より明確なドキュメントが作成されました）。私の意見では、RequireJSは本当に正しい選択でした。私と同じように混乱している人々のためにシステムがどのように機能するかを明らかにしたいと思います。 require日常の開発にご利用いただけます。モジュールは、関数（通常はオブジェクトまたは関数）によって返されるものであれば何でもかまいません。スコープはパラメーターです。を使用してプロジェクトを単一のファイルにコンパイルしてデプロイすることもできますr.js（実際には、requireスクリプトを並行してロードできますが、これはほとんどの場合高速です）。 RequireJSとnode-stylerequireのようなbrowserify（tjamesonによって提案されたクールなプロジェクト）の使用の主な違いは、モジュールの設計方法と必要方法です。 RequireJSはAMD（非同期モジュール定義）を使用します。AMDでは、requireロードするモジュール（javascriptファイル）のリストとコールバック関数を取ります。各モジュールをロードすると、コールバックのパラメータとして各モジュールを使用してコールバックを呼び出します。したがって、これは真に非同期であるため、Webに最適です。 ノードはCommonJSを使用します。CommonJSではrequire、モジュールをロードしてオブジェクトとして返すブロッキング呼び出しです。これは、ファイルがファイルシステムから読み取られるため、ノードでは正常に機能します。これは十分に高速ですが、ファイルの同期ロードに時間がかかる可能性があるため、Webではうまく機能しません。 実際には、多くの開発者は、AMDを目にする前にNode（したがってCommonJS）を使用していました。さらに、多くのライブラリ/モジュールはexports、AMD（define関数からモジュールを返す）ではなく、CommonJS（オブジェクトに物を追加することによって）用に記述されています。したがって、ノード化されたWeb開発者の多くは、Web上でCommonJSライブラリを使用したいと考えています。<script>タグからの読み込みがブロックされているため、これが可能です。browserifyのようなソリューションは、CommonJS（Node）モジュールを取得してラップし、スクリプトタグで含めることができるようにします。 したがって、Web用に独自のマルチファイルプロジェクトを開発している場合は、RequireJSを強くお勧めします。これは本当にWeb用のモジュールシステムです（ただし、公正な開示では、AMDはCommonJSよりもはるかに自然です）。最近、RequireJSで基本的にCommonJS構文を使用できるようになったため、この区別はそれほど重要ではなくなりました。さらに、RequireJSを使用してノードにAMDモジュールをロードできます（ただし、node-amd-loaderの方が好きです）。

83 javascript  load  require  scoping 

クッキーが存在するかどうかを確認する良い方法は何ですか？ 条件： クッキーが存在する場合 cookie1=;cookie1=345534; //or cookie1=345534;cookie1=; //or cookie1=345534; 次の場合、Cookieは存在しません cookie=; //or <blank>

83 javascript  html  cookies 

私の友人と私は、将来それらをより速く表示するために特定の画像をキャッシュしたいウェブサイトに取り組んでいます。私は2つの主な質問があります： 画像をどのようにキャッシュしますか？ キャッシュされた画像をどのように使用しますか？（そして、確認のために、画像がページAにキャッシュされている場合、キャッシュから呼び出してページBで使用することは可能ですよね？） また、キャッシュされたバージョンの画像の有効期限を設定することはできますか？ これをさらに説明する例および/またはページへのリンクが含まれていれば幸いです。 生のJavascriptまたはjQueryバージョンのいずれかを使用しても問題ありません。

83 javascript  jquery  image  caching  browser-cache 

JavaScriptは初めてです。私が実際に行ったのは、既存のコードを微調整し、jQueryを少し書いたことだけです。 現在、属性とメソッドを使用して「クラス」を作成しようとしていますが、メソッドに問題があります。私のコード： function Request(destination, stay_open) { this.state = "ready"; this.xhr = null; this.destination = destination; this.stay_open = stay_open; this.open = function(data) { this.xhr = $.ajax({ url: destination, success: this.handle_response, error: this.handle_failure, timeout: 100000000, data: data, dataType: 'json', }); }; /* snip... */ } Request.prototype.start = function() { if( this.stay_open == …

83 javascript  class  prototype 

デモであるhtml + javascriptで作成されたWebページがあります。ローカルのcsvファイルを読み取り、csvファイルからデータを抽出できるように1行ずつ読み取る方法を知りたいです。

83 javascript  html  file 

私は以下のようなhtmlナビゲーションコードを持っていました function Data(string) { //1. get some data from server according to month year etc., //2. unactive all the remaining li's and make the current clicked element active by adding "active" class to the element $('.filter').removeClass('active'); $(this).addClass('active'); } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="row" style="padding-left:21px;"> <ul class="nav nav-tabs" style="padding-left:40px;"> <li class="active filter"><a …

83 javascript  jquery  html  onclick 

私は次のコードを持っています： for (i in awards) { if (awards[i] instanceof Array === false) { console.log(awards[i]); httpFactory.patch(awards[i], {"read": true}, false); } } 私のIDEは、上記のコードに関連してこのエラーを表示します。 予期しない（カスタム/継承された）メンバーに対する反復の可能性、おそらくhasOwnPropertyチェックが欠落している JavaScriptでフィルタリングされていないfor-inループのインスタンスをチェックします。この構成を使用すると、継承されたプロパティまたは予期しないプロパティが処理されます。hasOwnProperty（）メソッドを使用して独自のプロパティをフィルタリングする必要があります。検証は、JavaScript、html、またはjspファイルで機能します。 この声明の意味を詳しく説明していただけますか？

83 javascript 

ボタンクリックのシミュレーションは、非常に簡単で標準的な操作のようです。それでも、Jest.jsテストで動作させることはできません。 これは私が試したものです（そしてjQueryを使用してそれを実行しました）が、何もトリガーされなかったようです： import { mount } from 'enzyme'; page = <MyCoolPage />; pageMounted = mount(page); const button = pageMounted.find('#some_button'); expect(button.length).toBe(1); // It finds it alright button.simulate('click'); // Nothing happens

83 javascript  reactjs  testing  jestjs  enzyme 

配列のリストからオブジェクトを作成したい。私は次のように見えると思われる動的な配列を持っています： var dynamicArray = ["2007", "2008", "2009", "2010"]; そして、いくつかのjavascript es6を使用して、次のようなオブジェクトを作成します。 const obj = { 2007: { x: width / 5, y: height / 2 }, 2008: { x: (2 / 5) * width, y: height / 2 }, 2009: { x: (3 / 5) * width, y: height / 2 …

83 javascript  arrays  ecmascript-6  javascript-objects 

私はASP.Net MVCサイトを開発していて、データベースクエリからのいくつかの予約をテーブルにリストActionLinkし、次のBookingIdような特定の行の予約をキャンセルします。 私の予約 <table cellspacing="3"> <thead> <tr style="font-weight: bold;"> <td>Date</td> <td>Time</td> <td>Seats</td> <td></td> <td></td> </tr> </thead> <tr> <td style="width: 120px;">2008-12-27</td> <td style="width: 120px;">13:00 - 14:00</td> <td style="width: 100px;">2</td> <td style="width: 60px;"><a href="/Booking.aspx/Cancel/15">cancel</a></td> <td style="width: 80px;"><a href="/Booking.aspx/Change/15">change</a></td> </tr> <tr> <td style="width: 120px;">2008-12-27</td> <td style="width: 120px;">15:00 - 16:00</td> <td style="width: 100px;">3</td> <td …

83 javascript  jquery  asp.net-mvc  jquery-ui  jquery-ui-dialog