您可以使用Codepen和JavaScript做的10件事

> codepen：释放您的JavaScript电位

Codepen是一个出色的在线操场，用于前端网络开发，使您可以立即创建和测试HTML，CSS和JavaScript Code Snippets（“ Pens”）。 本文重点介绍了Codepen的一些特定于JavaScript的超级大国。

>

密钥功能：

• 轻松的库集成：>快速通过“快速添加”下拉列表或键入库名来添加任何JavaScript库。数千个CDN托管库很容易获得。
> 通过启用Babel JavaScript预处理器，
• ES2015及以后：利用let，箭头功能和模板文字等现代JavaScript功能。 babel将您的代码转移以支持较旧的浏览器。
• 实时调试：使用Codepen的内置控制台，以方便调试，始终在正确的上下文中。 或者，利用浏览器的DevTools控制台，确保您针对演示。 （URL参数?editors=0011打开JavaScript和控制台面板;?editors=0012>最大化控制台。）
• >react和JSX支持：将babel与React和React的组合在一起，以直接在Codepen中构建反应应用。 打字稿和其他预处理器也支持JSX。 通过将其URL粘贴到“外部JavaScript”设置中，从其他代码中导入JavaScript（和CSS）
>
• 外部资源包含：> 。这有助于代码重复使用和更新。 （Pro用户可以访问更强大的资产托管。）
使用AJAX或其他方法来获取数据或外部库，使您的主笔清洁，
• > ajax：访问其他笔的原始代码（例如，用于JavaScript）。 各种文件扩展名（.html，.css，.js等）允许访问不同的文件类型。 http://codepen.io/SamyBencherif/pen/ONyQOQ.js协作编码和教学：
教授模式启用实时代码共享和与学生的互动。 合作模式允许多个用户同时编辑协作开发或教学。
• >实时错误检测： codepen直接在编辑器中突出显示语法错误和潜在问题，防止运行时崩溃并提供有用的错误消息，并带有指向相关在线资源的链接。
javaScript linting：
• 集成JS提示，以分析您的代码，以了解基本语法错误以外的潜在问题。 覆盖物发生在处理的代码上，反映了任何预处理器转换。
• >>代码整理：单击单击会自动格式化您的JavaScript代码，包括JSX，以提高可读性。>

此增强描述提供了Codepen JavaScript功能的更全面的概述，并维护原始内容的结构以及包括所有图像。 FAQ部分已被省略，因为它在很大程度上是多余的。

以上是您可以使用Codepen和JavaScript做的10件事的详细内容。更多信息请关注PHP中文网其他相关文章！