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

配列をフィルタリングするためのあいまい検索JavaScriptライブラリを探しています。fuzzyset.jsとfuse.jsを使用してみましたが、結果はひどいです（リンクされたページで試すことができるデモがあります）。 レーベンシュタイン距離について少し読んだ後、それはユーザーがタイプしたときに探しているものの不十分な近似として私に印象づけます。知らない人のために、システムは、2つの文字列を一致させるために必要な挿入、削除、および置換の数を計算します。 Levenshtein-Demerauモデルで修正された明らかな欠陥の1つは、blubとboobの両方が球根に等しく類似していると見なされることです（それぞれ2つの置換が必要です）。ただし、bulbはboobよりもblubに似ていることは明らかです。先ほど述べたモデルでは、転置を許可することでそれを認識しています。 これをテキスト補完のコンテキストで使用したいので、配列['international', 'splint', 'tinder']があり、クエリがintの場合、前者のスコア（higher = worse）が10であっても、splintよりもInternationalのランクが高くなるはずです。後者の対3。 だから私が探しているのは（そしてそれが存在しない場合は作成します）、次のことを行うライブラリです： さまざまなテキスト操作に重みを付ける 各操作の重み付けは、単語のどこに出現するかによって異なります（初期の操作は後の操作よりもコストがかかります）。 関連性でソートされた結果のリストを返します 誰かがこのようなものに出くわしましたか？StackOverflowがソフトウェアの推奨事項を求める場所ではないことに気づきましたが、上記の暗黙の（もうない！）は次のとおりです。これを正しい方法で考えていますか？ 編集する この件に関して良い論文（pdf）を見つけました。いくつかのメモと抜粋： アフィン編集距離関数は、挿入または削除のシーケンスに比較的低いコストを割り当てます Monger-Elkan距離関数（Monge＆Elkan 1996）。これは、特定のコストパラメータを持つSmith-Waterman距離関数（Durban et al。1998）のアフィンバリアントです。 ためのスミス-ウォーターマン距離（ウィキペディア）、「その代わりに全配列を見てから、スミス-ウォーターマンアルゴリズムは、すべての可能な長さのセグメントを比較し、類似性測度を最適化します。」それはn-gramアプローチです。 編集距離モデルに基づいていない、広く類似したメトリックは、Jaroメトリックです（Jaro 1995; 1989; Winkler 1999）。レコードリンケージの文献では、2つの文字列間の共通文字の数と順序に基づく、このメソッドのバリアントを使用して良好な結果が得られています。 Winkler（1999）によるこのバリアントも、最長の共通プレフィックスの長さPを使用します （主に短い文字列を対象としているようです） テキスト補完の目的で、Monger-ElkanおよびJaro-Winklerのアプローチが最も理にかなっているようです。WinklerのJaroメトリックへの追加は、単語の始まりをより重く効果的に重み付けします。また、Monger-Elkanのアフィン的側面は、単語を補完する必要性（これは単なる追加のシーケンスです）がそれほど嫌われないことを意味します。 結論： TFIDFランキングは、いくつかのトークンベースの距離メトリックの間で最もよく機能し、MongeとElkanによって提案された調整されたアフィンギャップ編集距離メトリックは、いくつかの文字列編集距離メトリックの間で最もよく機能しました。驚くほど良い距離メトリックは、Jaroによって提案され、後でWinklerによって拡張された高速ヒューリスティックスキームです。これは、Monge-Elkanスキームとほぼ同じように機能しますが、桁違いに高速です。TFIDFメソッドとJaro-Winklerを組み合わせる簡単な方法の1つは、TFIDFで使用されている正確なトークンの一致を、Jaro-Winklerスキームに基づくおおよそのトークンの一致に置き換えることです。この組み合わせは、平均でJaro-WinklerやTFIDFよりもわずかに優れており、場合によってははるかに優れています。また、このペーパーで検討されているいくつかの最良のメトリックの学習された組み合わせに近いパフォーマンスを発揮します。

98 javascript  regex  pattern-matching  string-matching  fuzzy-search 

配列ではなくオブジェクトで機能するReduxプロジェクトのディープコピーマップメソッドを作成しようとしています。Reduxでは、各状態は以前の状態で何も変更すべきではないことを読みました。 export const mapCopy = (object, callback) => { return Object.keys(object).reduce(function (output, key) { output[key] = callback.call(this, {...object[key]}); return output; }, {}); } できます： return mapCopy(state, e => { if (e.id === action.id) { e.title = 'new item'; } return e; }) ただし、内部アイテムはディープコピーされないため、次のように調整する必要があります。 export const mapCopy = (object, callback) => …

98 javascript  ecmascript-6  redux  spread-syntax 

どのようにでしょうJSON.stringify（）セット？ Chromium 43で機能しなかったもの： var s = new Set(['foo', 'bar']); JSON.stringify(s); // -> "{}" JSON.stringify(s.values()); // -> "{}" JSON.stringify(s.keys()); // -> "{}" シリアル化された配列に似たものが得られると思います。 JSON.stringify(["foo", "bar"]); // -> "["foo","bar"]"

98 javascript  json  ecmascript-6 

ページのロードがローカルマシン上にあるかどうかをJavaScriptで確認したい。 これを行う理由は、開発時にサーバー側（C＃）の両方の検証が正しく機能していることを確認したいためです。したがって、クライアント側とサーバー側の両方のエラーを表示するのが好きです。 したがって、私がテストしている間、jqueryの検証にフラグがあり、常に無効なデータを通過させるだけです。このようにして、クライアント側とサーバーのエラーを一度に確認できます。 ただし、現在は、開発から本番に移行するときに、手動で行ったり来たりする必要があります。

98 javascript  jquery  localhost 

base64エンコード文字列をArrayBufferに変換する必要があります。base64文字列はユーザ​​ー入力であり、メールからコピーアンドペーストされるため、ページが読み込まれたときに文字列は表示されません。可能であればサーバーにajax呼び出しを行わずに、JavaScriptでこれを実行したいと思います。 これらのリンクは興味深いものでしたが、役に立ちませんでした。 ArrayBufferからbase64でエンコードされた文字列 これは、逆の変換ではなく、ArrayBufferからbase64への逆変換です。 http://jsperf.com/json-vs-base64/2 これはよさそうですが、コードの使い方がわかりません。 変換を行う簡単な（おそらくネイティブな）方法はありますか？ありがとう

98 javascript  base64  arraybuffer 

React Nativeでフォームを作成していてTextInput、画面幅の80％にしたいと考えています。 HTMLと通常のCSSでは、これは簡単です。 input { display: block; width: 80%; margin: auto; } React Nativeがdisplayプロパティ、パーセンテージ幅、または自動マージンをサポートしていないことを除いて。 では、代わりに何をすべきでしょうか？この問題については、React Nativeの課題追跡にいくらか議論がありますが、提案された解決策は厄介なハックのようです。

98 javascript  css  reactjs  react-native 

ブートストラップ4をインストールしてみましたが、次のリンクが含まれていました <script src="libs/jquery/dist/jquery.min.js"></script> <script src="libs/tether/dist/js/tether.min.js" ></script> <script src="libs/popper.js/dist/popper.js"></script> <script src="libs/bootstrap/dist/js/bootstrap.min.js" ></script> ただし、次のエラーが発生します。 キャッチされない構文エラー：予期しないトークンのエクスポート それを修正する方法はありますか？

98 javascript  twitter-bootstrap  bootstrap-4  popper.js 

入力をリッスンする定数関数を作成して、その入力値が変更されるとすぐに何かがトリガーされる方法はありますか？ 純粋なJavaScript、プラグイン、フレームワークを使用していないものを探していますが、HTMLを編集できません。 何か、例えば： 入力の値を変更するとMyObject、この関数が実行されます。 何か助けはありますか？

98 javascript 

現在、HTML5<datalist>要素はほとんどの主要なブラウザー（Safariを除く）でサポートされており、入力に提案を追加するための興味深い方法のようです。 ただし、value属性の実装との内部テキストの間にはいくつかの矛盾があるようです<option>。例えば： <input list="answers" name="answer"> <datalist id="answers"> <option value="42">The answer</option> </datalist> これは、ブラウザによって処理が異なります。 ChromeとOpera： FireFoxとIE11： いずれかを選択すると、入力には内部テキストではなく値が入力されます。ドロップダウンと入力にテキスト（「回答」）のみを表示したいのですが、42送信時に値を渡します。selectます。 ドロップダウンリストに<option>sのラベル（内部テキスト）を表示させvalue、フォームの送信時に属性を送信させるにはどうすればよいですか？

98 javascript  html  cross-browser  html-datalist 

es6マップオブジェクトのエントリを並べ替えることはできますか？ var map = new Map(); map.set('2-1', foo); map.set('0-1', bar); 結果： map.entries = { 0: {"2-1", foo }, 1: {"0-1", bar } } キーに基づいてエントリを並べ替えることはできますか？ map.entries = { 0: {"0-1", bar }, 1: {"2-1", foo } }

98 javascript  ecmascript-6 

基本的に次のような関数を作成しました。 function getNextCard(searchTerms) { // Setup Some Variables // Do a bunch of logic to pick the next card based on termed passed through what I'll call here as 'searchTerms' all of this logic is omitted because it's not important for my question. // ... // If we find a …

98 javascript  function  null  return  undefined 

データベースからクエリされたリストを反復処理し、そのリストの各要素に対してHTTPリクエストを行うコードがいくつかあります。そのリストは、かなり大きな数（数千）になる場合があります。数千の同時HTTP要求でWebサーバーにアクセスしないようにしたいと思います。 このコードの短縮バージョンは現在、次のようになっています... function getCounts() { return users.map(user => { return new Promise(resolve => { remoteServer.getCount(user) // makes an HTTP request .then(() => { /* snip */ resolve(); }); }); }); } Promise.all(getCounts()).then(() => { /* snip */}); このコードはノード4.3.2で実行されています。繰り返しにPromise.allなりますが、特定の数のPromiseのみが常に進行するように管理できますか？

98 javascript  node.js  es6-promise 

ユーザーが送信を押すと、テキストエリアに値が表示されます。次に、この値を取得して、ページの他の場所に配置します。ただし、これを行うと、改行文字が失われ、出力がかなり見苦しくなります。 これが私がアクセスしているテキストエリアです： <textarea id="post-text" class="form-control" rows="3" placeholder="What's up?" required></textarea> これは、投稿にアクセスしてそれを転記するJavaScriptコードです。 var post = document.createElement('p'); var postText = document.getElementById('post-text').value; post.append(postText); var card = document.createElement('div'); card.append(post); var cardStack = document.getElementById('#card-stack'); cardStack.prepend(card); 入力が次のような場合： グループスケジュール： 火曜日の練習@ 5階（午後8時から午後11時） 木曜日の練習@ 5階（午後8時から午後11時） 日曜日の練習@（午後9時から午前12時） 出力は次のとおりです。 グループスケジュール：火曜日の練習@ 5階（午後8時から午後11時）木曜日の練習@ 5階（午後8時から午後11時）日曜日の練習@（午後9時から午前12時） では、改行を保持する方法はありますか？

98 javascript  html 

Vue javascript内の画像など、静的アセットを参照するための適切なURLを探しています。 たとえば、カスタムアイコン画像を使用してリーフレットマーカーを作成していて、いくつかのURLを試しましたが、すべてが404 (Not Found)：を返します。 Main.vue： var icon = L.icon({ iconUrl: './assets/img.png', iconSize: [25, 25], iconAnchor: [12, 12] }); 画像をアセットフォルダーと静的フォルダーに入れてみましたが、うまくいきませんでした。どういうわけかそれらの画像をロードするようにvueに指示する必要がありますか？

98 javascript  vue.js  leaflet 

CSSファイルをreactコンポーネントにインポートしたい。 試しましimport disabledLink from "../../../public/styles/disabledLink";たが、以下のエラーが発生します。 モジュールが見つかりません：エラー：c：\ Users \ User \ Documents \ pizza-app \ client \ src \ components @の「file」または「directory」../../../ public / styles / disabledLinkを解決できません。 /client/src/components/ShoppingCartLink.js 19：20-66ハッシュ：2d281bb98fe0a961f7c4バージョン：webpack 1.13.2 C:\Users\User\Documents\pizza-app\client\public\styles\disabledLink.css ロードしようとしているCSSファイルの場所です。 私には、インポートが正しいパスを検索していないように見えます。 ../../../それで、3つのフォルダーレイヤーの上のパスを検索し始めると思いました。 C:\Users\User\Documents\pizza-app\client\src\components\ShoppingCartLink.js CSSファイルをインポートする必要があるファイルの場所です。 何が間違っているので、どうすれば修正できますか？

98 javascript  reactjs  relative-path