问题标签 [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: Two-way databinding for paper-dropdown-menu

I want to set the paper-dropdown-menu to the value of 'Three' upon loading. I want to do this by data binding the value attribute of the paper-dropdown-menu to a sub property of the element called item.number which is set when registering the element. When I attempt this using the below code, the result I see is that the paper-dropdown-menu displayed value is just blank instead of reading 'Three'.

What code changes will achieve my desired behavior?

Follow these steps to reproduce the problem.

  1. Open this JSBin.
  2. Note the content of the display value of the dropdown menu is blank.
  3. Click the button labeled Click to show item
  4. Observe the console prints:

    [object Object] { number: "Three" }

  5. Understand the above steps demonstrate my desired behavior is not occurring.
  6. Select the number "Four" in the dropdown menu.
  7. Click the button labeled Click to show item
  8. Observe the console prints:

    [object Object] { number: "Four" }

  9. Understand the above step shows one-way data binding is working on the element.

How can I achieve my desired behavior?

http://jsbin.com/loceqayezo/1/edit?html,console,output
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 ...元素格式化为 NOT 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而另外三个返回一个false。但是,它们都返回一个值undefined

我究竟做错了什么?

仅供参考,解决此问题后,我计划在queryResult()方法中添加一个条件来存储indexwhen queryMatchesis的值true

例如 http://jsbin.com/kamusivebi/1/edit?html,控制台,输出
0 投票
1 回答
674 浏览

csv - 如何在 jsbin 中引用 csv 文件

我正在尝试在JSBIN中重新创建这个d3 示例

我正在尝试引用csv 文件,但它似乎确实能够访问 csv 文件:

我已尝试将文件上传到保管箱并使用该链接,但该链接不起作用。

任何人都可以建议我如何让这些 url 到 csv 文件工作。或者提供另一种方式让我尝试重新创建这个例子?我想重新创建它的原因是我可以用其他数据修改和测试它,并且通常用它做更多的事情......

注意另一种选择是尝试 jsfiddle,我会这样做,但我想使用 jsbin。


编辑1

这是使用 csv 文件的保管箱链接的JSFIDDLE 。这是我在 Firefox 中遇到的错误:


编辑2

一种方法是根本不从 csv 中读取并将其保存在数组中,这需要一段时间才能将其转换为我想要的格式,但我仍然希望能够通过读取.csv 文件。

小提琴JSBIN

0 投票
1 回答
1829 浏览

node.js - 本地安装 JSBin

我想按照这个页面在本地运行 JSBin。

我已经安装xcode 8.2在我的mac上。现在,npm -v返回3.10.9node -v返回v7.2.1

git clone git@github.com:remy/jsbin.gitand之后cd jsbin,我对其进行了修改package.json,使其具有"memcached": "2.2.2"内部(请参阅此线程),然后npm install返回

有谁知道这里有什么问题?

编辑1:如果我把"memcached": "2.2.2"and "sqlite3": "3.1.8"in 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. 设置zmq2.15.3_package.json

express/node_modules/connect硬编码在lib/middleware.js中。我改为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。我想将 ES6 与 Babel 一起使用。我看过一些教程或 JSBins,它们在编辑器中有 babel 选项卡。请参阅屏幕截图以获取更多详细信息。我无法弄清楚我们如何ES6/Babel在 JSbin 中获取此选项卡。谁能帮我解决这个问题?谢谢。

截屏