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

ループする必要のあるネストされたJSONオブジェクトがあり、各キーの値はString、JSON配列、または別のJSONオブジェクトである可能性があります。オブジェクトの種類に応じて、さまざまな操作を実行する必要があります。オブジェクトのタイプをチェックして、それが文字列、JSONオブジェクト、またはJSON配列であるかどうかを確認する方法はありますか？ を使用typeofしてみましたinstanceofが、typeofJSONオブジェクトと配列の両方のオブジェクトが返され、instanceof実行するとエラーが発生するため、両方が機能しないようでしたobj instanceof JSON。 具体的には、JSONをJSオブジェクトに解析した後、それが通常の文字列であるか、キーと値を持つオブジェクト（JSONオブジェクトから）であるか、配列（JSON配列から）であるかを確認する方法はありますか？ ）？ 例えば： JSON var data = "{'hi': {'hello': ['hi1','hi2'] }, 'hey':'words' }"; サンプルJavaScript var jsonObj = JSON.parse(data); var path = ["hi","hello"]; function check(jsonObj, path) { var parent = jsonObj; for (var i = 0; i < path.length-1; i++) { var key = path[i]; if (parent …

87 javascript  json 

最近JSONを掘り下げ始めましたが、現在、数値を「識別子」として使用しようとしていますが、うまく機能しません。foo:"bar"正常に動作しますが、動作し0:"bar"ません。 var Game = { status: [ { 0:"val", 1:"val", 2:"val" }, { 0:"val", 1:"val", 2:"val" } ] } alert(Game.status[0].0); 次のようにする方法はありますか？のようなものGame.status[0].0は私の人生をずっと楽にしてくれるでしょう。もちろん、それを回避する方法は他にもありますが、この方法が推奨されます。

87 javascript  json  identifier 

私は次のコードを持っています： document.oncontextmenu = function(evt) { evt = evt || window.event; console.log(evt.target, evt.toElement, evt.srcElement); }; でマウスの右ボタンをクリックすると、次のよう<div class="foo"></div>になります。 div.foo、div.foo、div.foo でマウスの右ボタンをクリックすると、次のよう<input>になります。 入力、入力、入力 すべて同じ結果をもたらすようです。それらの1つが他とは異なる用途を持っている状況はありますか？

87 javascript  javascript-events 

devtoolsにフックするChrome拡張機能があります。理想的には、クリックすると、作成した新しいタブでdevtoolsを開くバッジが必要です。バックグラウンドページからこれを行う方法はありますか？

87 javascript  google-chrome-extension  google-chrome-devtools 

JavaScriptで使用して、ウィンドウ全体に合うように画像を切り抜く予定です。 編集：次のような形式のアスペクト比のみを受け入れるサードパーティコンポーネントを使用します：4:3、16:9。

87 javascript  algorithm  crop  aspect-ratio 

私は合計n00bでHTML5、canvas形状、色、テキストをレンダリングするために作業しています。私のアプリには、キャンバスを動的に作成し、コンテンツで埋めるビューアダプターがあります。これは、私のテキストが非常にぼやけている/ぼやけている/引き伸ばされていることを除いて、本当にうまく機能します。私が定義する理由についての他の記事をたくさん見てきました幅と高さではCSS、この問題が発生しますが、私はすべてでそれを定義しますjavascript。 関連するコード（フィドルを表示）： var width = 500;//FIXME:size.w; var height = 500;//FIXME:size.h; var canvas = document.createElement("canvas"); //canvas.className="singleUserCanvas"; canvas.width=width; canvas.height=height; canvas.border = "3px solid #999999"; canvas.bgcolor = "#999999"; canvas.margin = "(0, 2%, 0, 2%)"; var context = canvas.getContext("2d"); ////////////////// //// SHAPES //// ////////////////// var left = 0; //draw zone 1 rect context.fillStyle = …

87 javascript  html  html5-canvas 

私はそれについてすべてを学びたいウェブパックの新人です。Webpackを実行しているときに、次のような競合が発生しました。 ERROR in chunk html [entry] app.js Conflict: Multiple assets emit to the same filename app.js 競合を回避するにはどうすればよいですか？ これは私のwebpack.config.jsです： module.exports = { context: __dirname + "/app", entry: { 'javascript': "./js/app.js", 'html': "./index.html", }, output: { path: __dirname + "/dist", filename: "app.js", }, resolve: { extensions: ['.js', '.jsx', '.json'] }, module: { …

87 javascript  node.js  webpack  config  conflict 

多くのツール/ APIは、特定のクラスまたはIDの要素を選択する方法を提供します。ブラウザによってロードされた生のスタイルシートを検査することも可能です。 ただし、ブラウザーが要素をレンダリングするために、ブラウザーはすべてのCSSルール（おそらく異なるスタイルシートファイルから）をコンパイルし、それを要素に適用します。これは、FirebugまたはWebKit Inspector（要素の完全なCSS継承ツリー）で表示されるものです。 追加のブラウザプラグインを必要とせずに、この機能を純粋なJavaScriptで再現するにはどうすればよいですか？ おそらく、例は私が探しているもののいくつかの説明を提供することができます： <style type="text/css"> p { color :red; } #description { font-size: 20px; } </style> <p id="description">Lorem ipsum</p> ここで、p＃description要素には2つのCSSルールが適用されています。赤い色と20ピクセルのフォントサイズです。 これらの計算されたCSSルールの出所を見つけたいと思います（色はpルールなどです）。

87 javascript  css 

Angular 1.xでは、複数のhttpリクエストを行い、すべての応答で何かを行う必要がある場合がありました。すべてのpromiseを配列に入れて、を呼び出しますPromise.all(promises).then(function (results) {...})。 Angular 2のベストプラクティスはObservable、httpリクエストの約束の代わりにRxJSを使用することを示しているようです。httpリクエストから作成された2つ以上の異なるObservableがある場合、同等のものはありPromise.all()ますか？

87 javascript  angularjs  rxjs  observable 

以下のコードがあるとしましょう： function A() { function modify() { x = 300; y = 400; } var c = new C(); } function B() { function modify(){ x = 3000; y = 4000; } var c = new C(); } C = function () { var x = 10; var y = …

87 javascript  oop  overriding 

モンゴの奇妙な振る舞いに遭遇したので、それを少し明確にしたいと思います... 私の要求は次のように単純です：コレクション内の単一のドキュメントのサイズを取得したい。私は2つの可能な解決策を見つけました： Object.bsonsize-バイト単位でサイズを返す必要があるJavaScriptメソッド db.collection.stats（）-データに「集約された」（平均）サイズのビューを生成する行「avgObjSize」があります。単に単一のドキュメントの平均サイズを表します。 1つのドキュメントのみでテストコレクションを作成すると、両方の関数が異なる値を返します。どうしてそれは可能ですか？ mongoドキュメントのサイズを取得する他の方法はありますか？ ここでは、テストを実行するコードをいくつか提供します。 新しいデータベース「test」を作成し、type： "auto"という1つの属性のみを持つ単純なドキュメントを入力しました。 db.test.insert({type:"auto"}) stats（）関数呼び出しからの出力：db.test.stats（）： { "ns" : "test.test", "count" : 1, "size" : 40, "avgObjSize" : 40, "storageSize" : 4096, "numExtents" : 1, "nindexes" : 1, "lastExtentSize" : 4096, "paddingFactor" : 1, "systemFlags" : 1, "userFlags" : 0, "totalIndexSize" : 8176, "indexSizes" : …

87 javascript  mongodb  document  objectid  objectsize 

このようなスライダークラスがあり、スタイル属性style = "left：336px"を変更したい <div id="range-cont"> <div class="slider"> <div class="progress" style="width: 350px;"></div> <a class="handle" href="#" **style="left: 336px;"**></a> </div> <input id="percentage" class="range" type="range" value="14" name="percentage" min="0" max="100"> <p id="percent-label">%</p> </div> </div> 試しました $('.handle').css({'style':'left: 300px'})が、機能しません。ここで何が間違っているのかわからない

87 javascript  jquery  css 

オブジェクトがデフォルトで反復できないのはなぜですか？ オブジェクトの反復に関連する質問が常にあります。一般的な解決策は、オブジェクトのプロパティを反復し、その方法でオブジェクト内の値にアクセスすることです。これは非常に一般的であるため、オブジェクト自体が反復可能ではないのはなぜか疑問に思います。 ES6のようなステートメントは、for...ofデフォルトでオブジェクトに使用すると便利です。これらの機能は、{}オブジェクトを含まない特別な「反復可能なオブジェクト」でのみ使用できるため、使用するオブジェクトに対してこれを機能させるには、フープを実行する必要があります。 for ... ofステートメントは、反復可能なオブジェクト （Array、Map、Set、argumentsオブジェクトなどを含む）を反復処理するループを作成します。 たとえば、ES6ジェネレーター関数を使用します。 var example = {a: {e: 'one', f: 'two'}, b: {g: 'three'}, c: {h: 'four', i: 'five'}}; function* entries(obj) { for (let key of Object.keys(obj)) { yield [key, obj[key]]; } } for (let [key, value] of entries(example)) { console.log(key); console.log(value); for (let [key, …

87 javascript  arrays  iterator  ecmascript-6  ecmascript-5 

自分のウェブサイトにYouTube動画を表示したいのですがid、ユーザーが共有する動画ごとに一意の動画を追加できる必要があります。それで私はこれをまとめました、そして私は少し問題にぶつかりました。JavaScriptにdivのランダムな文字列を追加させようとしていますが、機能せidず、文字列が表示されます。 <script type='text/javascript' src='jwplayer.js'></script> <script type='text/javascript'> function randomString(length) { var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz'.split(''); if (! length) { length = Math.floor(Math.random() * chars.length); } var str = ''; for (var i = 0; i < length; i++) { str += chars[Math.floor(Math.random() * chars.length)]; } return str; } var div = randomString(8); …

87 javascript 

jsonオブジェクトを使用してレンダリングされるHandlebarsテンプレートがあります。このjsonでは、配列を送信しています。このような： var json = { "array":["abc","def","ghi","jkl"] } テンプレートで、この配列の長さを見つけたいと思います。何かのようなもの： {{#each item}} {{ array.length }} {{/each}} ハンドルバーのドキュメントで見つかりませんでした。

87 javascript  templates  handlebars.js