問題タブ [jsbin]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
530 参照

javascript - Polymer 要素を取得して JSBin に表示する

次のコードがあります。

この Jsbin にあるもの: http://jsbin.com/qiyohaj/edit?html,console,output

非常に単純な質問ですが、なぜ「x-el」が表示されず、実行されないのready()でしょうか?

0 投票する
1 に答える
653 参照

polymer - Polymer 1.x: paper-dropdown-menu の双方向データバインディング

ロード時paper-dropdown-menuに を の値に設定したい。要素の登録時に設定された、呼び出された要素のサブプロパティに'Three'value 属性をデータバインドすることで、これを行いたいと思います。以下のコードを使用してこれを試みると、表示された値が「Three」ではなく空白になっていることがわかります。paper-dropdown-menuitem.numberpaper-dropdown-menu

目的の動作を実現するには、どのコードを変更すればよいですか?

問題を再現するには、次の手順に従います。

  1. この JSBinを開きます。
  2. ドロップダウン メニューの表示値の内容が空白であることに注意してください。
  3. というラベルの付いたボタンをクリックしますClick to show item
  4. コンソールの出力を確認します。

    [オブジェクト オブジェクト] {番号: "3" }

  5. 上記の手順は、目的の動作が発生していないことを示していることを理解してください。
  6. ドロップダウン メニューで「4」という数字を選択します。
  7. というラベルの付いたボタンをクリックしますClick to show item
  8. コンソールの出力を確認します。

    [オブジェクト オブジェクト] {番号: "4" }

  9. 上記の手順は、一方向のデータ バインディングが要素で機能していることを示しています。

どうすれば目的の動作を実現できますか?

http://jsbin.com/loceqayezo/1/edit?html,コンソール,出力
0 投票する
2 に答える
743 参照

javascript - Hello World が JSBin で動作しない

私の単純な hello world の試みの何が問題になっていますか? これがJSBinです

0 投票する
1 に答える
4632 参照

svg - なぜこの SVG 画像の高さは 150px なのですか

この SVG 画像が 500px のコンテナ内に 150px の高さで表示されるのはなぜですか? なぜこの特定の値ですか?

js bin と Codepen の両方でこの奇妙な動作を見つけたので、オンライン エディターではなく、コードに関係があると思います。

ここに画像の説明を入力

注: 700px の div コンテナーでも同じ結果になります。したがって、親の身長は関係ありません。

これが Jsbinで、これが CodePen です。

0 投票する
3 に答える
881 参照

polymer - Polymer 1.x: 無効化されたペーパー入力のスタイリング

<paper-input disabled ...要素を非表示disabled(つまり、テキストを明るくしない)にフォーマットしたい。

以下のコード (およびこの jsBin ) で、これまでに試したことを示します。

どうすればこれを達成できますか? (動作するデモを提供してください。理想的には、対象の jsBin のクローンです。)

http://jsbin.com/giguwoyoha/1/edit?html,出力
0 投票する
1 に答える
115 参照

polymer - Polymer 1.x: 画面幅を決定するために dom-repeat 内に iron-media-query を適用する

jsBin については、ここをクリックしてください

たとえば、画面の幅を計算し、その結果を 0 と 3 の間の数値に割り当てたいとします。私はこれを行うために使用しようとしiron-media-queryています。

trueクエリの 1 つが の値を返し、他の 3 つのクエリが を返す (コンソールに記録される) ことを期待していますfalse。ただし、それらはすべて の値を返しますundefined

私は何を間違っていますか?

参考までに、これを解決した後、 when isqueryResult()の値を格納するメソッドに条件を追加する予定です。indexqueryMatchestrue

例えば http://jsbin.com/kamusivebi/1/edit?html,console,output
0 投票する
1 に答える
674 参照

csv - jsbin で csv ファイルを参照するにはどうすればよいですか

JSBINでこのd3の例を再作成しようとしています

csv ファイルを参照しようとしていますが、csv ファイルにアクセスできるようです。

ファイルをドロップボックスにアップロードしてそのリンクを使用しようとしましたが、うまくいきません。

これらのURLをcsvファイルに取得して機能させる方法を教えてください。または、この例を試して再現する別の方法を提供してください。私がそれを再作成したい理由は、他のデータで変更してテストし、一般的にそれを使ってもっと多くのことができるようにするためです....

別のオプションは、jsfiddle を試すことですが、私は jsbin を使用したいと考えています。


編集1

csv ファイルへのドロップボックス リンクを使用したJSFIDDLEを次に示します。これは、Firefox で発生するエラーです。


EDIT2

1 つの方法は、csv からまったく読み取らず、既に配列に入れておくことです。これは、必要な形式にするのに時間がかかりますが、 csv ファイル。

フィドルJSBIN

0 投票する
1 に答える
1829 参照

node.js - JSBin をローカルにインストールする

このページに従って、 JSBin をローカルで実行したいと思いました。

xcode 8.2Macにインストールしました。さて、npm -v戻ります3.10.9; node -v戻りますv7.2.1

と の後git clone git@github.com:remy/jsbin.git、内部にあるようcd jsbinに変更し(このスレッドを参照)、戻りますpackage.json"memcached": "2.2.2"npm install

ここで何が悪いのか誰か知っていますか?

編集 1:と を入力する"memcached": "2.2.2"と、以下が返されます。"sqlite3": "3.1.8"package.jsonnpm install

そしてnpm start戻ります:

編集2:

mscdex のコメントに従って、次のアクションで libzmq エラーが解決されました。

  1. brew を使用して zmq をインストールします。brew install zmq
  2. export PKG_CONFIG_PATH=/usr/local/Cellar/zeromq/4.2.0/lib/pkgconfig/
  3. sudo visudoそして追加Defaults env_keep += "PKG_CONFIG_PATH"
  4. に設定zmq_2.15.3package.json

lib/middleware.jsにハードexpress/node_modules/connectコーディングされています。に変更し、ようやく動作します。express/node_modules/connectconnect

0 投票する
2 に答える
120 参照

javascript - JSBin で ui-codemirror を実行する

Plnkr のこのコードを JSBin移動したいと思います。機能せず、DevTools が表示しますError: ui-codemirror needs CodeMirror to work... (o rly?)

Plnkr には、JSBin にはない依存関係管理がいくつかあるようです。Plnkr が画面の背後で何をしたかを知りたいのですが、このコードを JSBin で実行します。リンクとソースを変更して機能させる方法を知っている人はいますか?

JavaScript:

0 投票する
1 に答える
13143 参照

javascript - JSBin: ES6/Babel タブを取得するには?

私はJavaScriptを学んでいます。私はオンライン エディタJsbinを使用して JavaScript を実行しています。BabelでES6を使いたいです。エディターにbabelタブがあるチュートリアルまたはJSBinのいくつかを見てきました。詳細については、スクリーンショットを参照してください。ES6/BabelJSbin でこのタブを取得する方法がわかりません。誰でもこれについて私を助けてもらえますか? ありがとう。

スクリーンショット