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

HTMLをPNGのような画像にレンダリングする方法はありますか？canvasでそれが可能であることは知っていますが、たとえばdivのような標準のhtml要素をレンダリングしたいと思います。

166 javascript  html  css  image  render 

数日間、エラーの解決策を探しました Error: EMFILE, too many open files 多くの人が同じ問題を抱えているようです。通常の答えは、ファイル記述子の数を増やすことです。だから、私はこれを試しました： sysctl -w kern.maxfiles=20480、 デフォルト値は10240です。これは、ディレクトリで処理しているファイルの数が10240未満であるため、少し奇妙です。ファイル記述子の数を増やした後も、同じエラーが発生します。 。 2番目の質問： 何度か検索したところ、「開いているファイルが多すぎる」問題の回避策が見つかりました。 var requestBatches = {}; function batchingReadFile(filename, callback) { // First check to see if there is already a batch if (requestBatches.hasOwnProperty(filename)) { requestBatches[filename].push(callback); return; } // Otherwise start a new one and make a real …

166 javascript  macos  node.js  file-descriptor 

私はスタックオーバーフロー（文字を置き換える..ええと、JavaScriptがどのようにRegExpに関するUnicode標準に準拠していないかなど）を調べましたが、質問に対する具体的な答えは見つかりませんでした。 How can JavaScript match for accented characters (those with diacritical marks)? UIのフィールドをlast_name, first_name （最後の[カンマスペース]が最初に）一致するように強制していて、発音区別符号のサポートを提供したいのですが、JavaScriptでは、明らかに他の言語/プラットフォームよりも少し難しいです。 これは、発音区別符のサポートを追加するまで、元のバージョンでした。 /^[a-zA-Z]+,\s[a-zA-Z]+$/ 現在、サポートを追加するための3つの方法の1つについて議論しています。それらはすべてテストして動作しました（少なくともある程度は、2番目のアプローチの「範囲」が何であるか本当にわかりません）。はい、どうぞ： 有効にしたいすべてのアクセント付き文字を明示的にリストします（不完全で複雑すぎる）。 var accentedCharacters = "àèìòùÀÈÌÒÙáéíóúýÁÉÍÓÚÝâêîôûÂÊÎÔÛãñõÃÑÕäëïöüÿÄËÏÖÜŸçÇßØøÅåÆæœ"; // Build the full regex var regex = "^[a-zA-Z" + accentedCharacters + "]+,\\s[a-zA-Z" + accentedCharacters + "]+$"; // Create a RegExp from the string version regexCompiled = …

166 javascript  regex  unicode 

ボタンのあるHTMLページがあります。そのボタンをクリックすると、REST WebサービスAPIを呼び出す必要があります。どこでもオンラインで検索してみました。全く手がかりはありません。誰かがこれについてリード/ヘッドスタートをくれますか？非常に高く評価。

166 javascript  html  rest  web-services 

http://catfacts-api.appspot.com/api/facts?number=99Postmanを介してこのエンドポイントをヒットすると、戻りますJSON さらに、create-react-appを使用しており、サーバー構成の設定を避けたいと考えています。 クライアントコードでfetch同じことを実行しようとしていますが、エラーが発生します。 要求されたリソースに「Access-Control-Allow-Origin」ヘッダーがありません。したがって、オリジン ' http：// localhost：3000 'はアクセスを許可されていません。不透明な応答がニーズを満たす場合は、リクエストのモードを「no-cors」に設定して、CORSを無効にしてリソースをフェッチします。 したがって、次のようにCORSを無効にするFetchにオブジェクトを渡そうとしています。 fetch('http://catfacts-api.appspot.com/api/facts?number=99', { mode: 'no-cors'}) .then(blob => blob.json()) .then(data => { console.table(data); return data; }) .catch(e => { console.log(e); return e; }); 興味深いことに、私が受け取るエラーは、実際にはこの関数の構文エラーです。fetch{mode： 'no-cors'}オブジェクトを削除して別のURLを指定すると、問題なく動作するため、実際のものが壊れているかどうかはわかりません。 また、オブジェクトを渡そうとしました{ mode: 'opaque'}が、これは上から元のエラーを返します。 CORSを無効にするだけで十分です。何が欠けていますか？

166 javascript  reactjs  cors  create-react-app  fetch-api 

現在、ReactアプリケーションをTypeScriptに移行しています。これまでのところ、これはかなりうまくrender機能しますが、関数の戻り値の型と関数コンポーネントに問題があります。 これまで、私は常にJSX.Element戻り値の型として使用していましたが、コンポーネントが何もレンダリングしないことを決定した場合、つまりreturnが有効な値ではないnullため、これnullは機能しなくなりましたJSX.Element。これが私の旅の始まりでした。ウェブを検索したところ、ReactNode代わりに使用する必要があることがわかりました。これにはnull、発生する可能性のあるその他のいくつかの事項も含まれています。これはより良い賭けのようでした。 ただし、関数コンポーネントを作成するときに、TypeScriptはReactNode型について文句を言います。繰り返しますが、私が見つけたいくつかの検索の後、関数コンポーネントにはReactElement代わりに使用する必要があります。しかし、そうすると、互換性の問題はなくなりますが、TypeScriptは再びnull有効な値ではないと文句を言います。 したがって、長い話を短くするために、3つの質問があります。 JSX.Element、ReactNodeとの違いは何ReactElementですか？ renderクラスコンポーネントのメソッドがを返すReactNodeのに、関数コンポーネントが返すのはReactElementなぜですか？ どうすればこれを解決できnullますか？

166 javascript  reactjs  typescript 

Bluebirdのutil.jsファイルでは、次の機能があります。 function toFastProperties(obj) { /*jshint -W027*/ function f() {} f.prototype = obj; ASSERT("%HasFastProperties", true, obj); return f; eval(obj); } 何らかの理由で、return関数の後にステートメントがありますが、なぜそこにあるのかはわかりません。 同様に、作者がこれに関するJSHint警告を沈黙させたので、それは意図的であるようです： 「return」の後に到達できない「eval」。（W027） この関数は正確に何をしますか？util.toFastProperties本当に「速く」オブジェクトのプロパティを作りますか？ BluebirdのGitHubリポジトリを検索して、ソースコードのコメントや問題のリストの説明を探しましたが、何も見つかりませんでした。

165 javascript  node.js  performance  v8  bluebird 

私はそれぞれ約10フィールド、約2MBのデータを持つ数千行の巨大なデータセットを持っています。ブラウザで表示する必要があります。最も単純なアプローチ（データをフェッチし$scope、それをに入れ、ng-repeat=""その仕事を任せます）は問題なく機能しますが、DOMへのノードの挿入を開始すると、ブラウザーが約30分間フリーズします。この問題にどのように取り組むべきですか？ 1つのオプションは、行を$scopeインクリメンタルに追加し、ngRepeat1つのチャンクをDOMに挿入し終えるまで待ってから、次のチャンクに移動することです。ただし、AFAIK ngRepeatは、「繰り返し」が終了してもレポートを返さないため、醜くなります。 その他のオプションは、サーバー上のデータをページに分割し、それらを複数のリクエストでフェッチすることですが、さらに醜いです。 Angularのドキュメントを調べてのようなものを探しng-repeat="data in dataset" ng-repeat-steps="500"ましたが、何も見つかりませんでした。私はAngularの方法にかなり慣れていないので、ポイントを完全に逃している可能性があります。これのベストプラクティスは何ですか？

165 javascript  angularjs  angularjs-ng-repeat 

target="_blank"HTML5では、HTML5で使用するのはもはや問題であるとどこかで読んだことを覚えていますが、今は見つかりません。 使い続けても大丈夫target="_blank"ですか？ 私はそれが一般に悪い考えと考えられていることを知っていますが、PDFのようなもののために新しいウィンドウを開く最も簡単な方法であり、JavaScriptに依存する必要もありません。

165 javascript  html  window 

JavaScript（またはjQuery）を使用してオブジェクトを説明する文字列をJSON文字列に変換するにはどうすればよいですか？ 例：これを変換します（有効なJSON文字列ではありません）： var str = "{ hello: 'world', places: ['Africa', 'America', 'Asia', 'Australia'] }" これに： str = '{ "hello": "world", "places": ["Africa", "America", "Asia", "Australia"] }' eval()できれば使用を避けたいです。

165 javascript  json  object 

私は正確に違いが何であるかを知っていただきたいと思いますquerySelectorし、querySelectorAll反対 getElementsByClassNameとはgetElementById？ このリンクから、クラスで要素を取得し、IDで要素を取得querySelectorするように記述できることを収集できます。しかし、私はすでにそれを行うことができ、document.querySelector(".myclass")myclassdocument.querySelector("#myid")myidgetElementsByClassNamegetElementById。どちらを優先すべきですか？ また、IDがコロンで動的に生成され、次のように見えるXPagesで作業しview:_id1:inputText1ます。だから私が書いdocument.querySelector("#view:_id1:inputText1")てもうまくいきません。しかし、書き込みはdocument.getElementById("view:_id1:inputText1")機能します。何かアイデアはありますか？

165 javascript 

<script type="text/javascript"> /* ... */ </script> 対 <script language="Javascript"> /* ... */ </script> どちらを使用する必要がありますか？その理由は？ または、3番目の選択肢：jQueryのAPIリファレンスのサンプルコードなど、これらのいずれかを省略します。 <script src="http://code.jquery.com/jquery-latest.js"></script>

165 javascript  html 

var err1 = Error('message'); var err2 = new Error('message'); 違いは何ですか？それらをChromeコンソールで見ると、同じに見えます。オブジェクトと同じ__proto__チェーンの同じプロパティ。ほとんどError工場のように振る舞うようです。 どちらが正しいのですか？その理由は？

165 javascript  exception 

次のようなオブジェクトがあります。 var obj = { "objectiveDetailId": 285, "objectiveId": 29, "number": 1, "text": "x", "subTopics": [{ "subTopicId": 1, "number": 1 }, { "subTopicId": 2, "number": 32 }, { "subTopicId": 3, "number": 22 }] } var stToDelete = 2; 私がしているlodash他のもののために自分のアプリケーションにインストールされています。オブジェクトからlodashエントリを削除するために使用する効率的な方法はありますか？{"subTopicId":2, "number":32}obj それともこれを行うためのJavaScript方法はありますか？

165 javascript  arrays  object  lodash 

どのような違いがあるexpect(something).toBe(true)、expect(something).toBeTruthy()とexpect(something).toBeTrue()？ 注toBeTrue()あるカスタムマッチャで導入されたjasmine-matchersような他の有用かつ便利なマッチャーの間toHaveMethod()またはtoBeArrayOfStrings()。 この質問は一般的なものですが、実際の例として、要素がに表示されることをテストしていますprotractor。この場合、どのマッチャーを使用すればよいですか？ expect(elm.isDisplayed()).toBe(true); expect(elm.isDisplayed()).toBeTruthy(); expect(elm.isDisplayed()).toBeTrue();

165 javascript  testing  jasmine  protractor  jasmine-matchers