问题标签 [codepen]

问问题

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.

477 问题

0 投票

1 回答

110 浏览

css - CodePen 支持 Flickr 的已知问题？

新手在这里编程！我正在使用非常基本的HTML/CSS文件完成一个项目，并且我使用Atom作为我的编辑器。HTML 和 CSS 文件都经过验证，没有错误，并且可以在 Atom HTML 预览和 Chrome 中很好地预览页面。

我上传到Flickr的 HTML 文件中有两张图片，以便我可以通过CodePen提交我的项目以供审核。当我插入CodePen的新img src代码时，它们显示为损坏的图像链接。

例如，下面的代码在 Atom HTML 和 Chrome 浏览器预览中运行良好（使用 upticks 而不是括号以便于查看帖子）：

这是我由 Flickr 分配并插入 CodePen 的链接 - 导致链接断开（使用 upticks 而不是括号以便于查看帖子）：

有人可以帮忙吗？

css codepen

0 投票

1 回答

52 浏览

geolocation - Codepen 无法识别导航器

我正在尝试获取用户的经度和纬度，但我发现在 Codepen 中navigator.geolocation.getCurrentPosition不起作用。

输出：

那么，有没有办法解决它，还是我必须为此使用另一个 API？

0 投票

3 回答

783 浏览

css - Codepen 上的奇怪错误消息

我在 Codepen 上有这个代码：

出于某种原因，我收到此消息：

“100px”后的无效 CSS：预期的表达式（例如 1px，粗体）是“;”

知道发生了什么吗？

在 Codepen 上查看

css sass codepen

0 投票

1 回答

573 浏览

javascript - (Javascript) 将 Codepen 中的变量从 JS 窗口传递到 HTML模板

我正在做一个天气/地图网络应用程序。根据用户的纬度和经度，它将为您提供地图（谷歌地图）上的天气和位置。我看到在 Codepen 中使用 Google Maps API 时，您不能将其放在 Js 窗口中，而是必须将其放在<script></script>标签之间的 HTML 模板中。

这很好，但问题是我需要从那里的 JS 窗口传递纬度和经度变量，以便我可以搜索位置。我该怎么做？Codepen 有时可能有点棘手。

希望我说得通，这里是 Codepen：

https://codepen.io/tadm123/pen/OWojPx

谢谢

只需在下面放一个脚本，因为我需要包含代码，请参阅 Codepen 链接。

javascript css google-maps codepen

0 投票

2 回答

642 浏览

javascript - HTML div 类条件 URL

我从另一个用户那里分叉了一个 NBA 2K 随机球队选择器，并根据我的需要对其进行了调整。对于你们中的一个人来说，我被一些可能很简单的事情难住了。提前致谢。

单击“随机化”按钮时，将显示团队“名称”和“徽标”。我也添加了一个“名册”网址来显示，但我希望该网址可以点击进入新的选项卡/窗口。我似乎无法弄清楚。

https://codepen.io/nick-c/pen/dNwMaZ

下面只是html。我无法发布所有脚本和 CSS。

javascript html css codepen

0 投票

1 回答

7437 浏览

javascript - JS - 错误：“无法读取未定义的属性”

我正在尝试使用 P5.JS 库在 JavaScript 中进行遗传算法模拟，但我遇到了一些问题。这是我到目前为止所拥有的：

这是代码中最重要的部分：

所以每当它到达这里时：

我收到错误：“无法读取未定义的属性'dna'”，到底为什么会发生这种情况？当我在 chrome 中使用调试器时，我可以清楚地看到 matingpool 有 2000 个元素，但是当我尝试获取随机元素时，它返回“未定义”。

奇怪的是 parentB 有效，但 parentA 无效。

任何帮助深表感谢。在这里运行的整个代码：http: //codepen.io/felipe_mare/pen/bgOYMN

如果有帮助，我有时会在第 138 行收到错误：“无法读取未定义的属性 '0'”

javascript genetic-algorithm p5.js codepen

0 投票

7 回答

12707 浏览

reactjs - 如何使用 es6 在 Codepen 中使用 React

http://codepen.io/JessieZhou/pen/VPgMdP，这里有一个在 CodePen 中使用 React 的演示，但是浏览器报错“Uncaught ReferenceError: Component is not defined”。但是，如果我在第一行插入一行“import {Component} from 'react'”，错误将是“Uncaught ReferenceError: require is not defined”。'class'的使用是否有可能导致这个问题？

这是我的代码：

这是我在 CodePen 中的 javascript 设置：codepen 中的 javascript 设置

reactjs ecmascript-6 codepen

0 投票

1 回答

144 浏览