javascript - 从 Codepen/Jsfiddle 迁移。开始将您的代码带到网络上。什么是正确的协议(protocol)?

标签 javascript jquery css html hosting

我一直在学习使用 codepen 和 Jfiddle 等工具编写代码。

这些工具非常出色,它们可以帮助您链接文档和库(例如 JQuery),但正因为如此,我发现下一步该做什么存在障碍。

获取您的代码并在网络上使用它的正确协议(protocol)是什么。链接文档和包含库?

抱歉,如果这是一个基本/愚蠢的问题,我不想让它显得太主观。

基本上:

我在 codepen 和 Jfiddle 上有代码。我如何把它独立于这些系统使用? 什么是正确的流程? 什么是正确的代码片段? 我应该如何正确排列单独的 HTML/CSS/JS 文档? 我应该如何安排任何额外的东西(例如 JQuery)?

任何帮助和/或链接将不胜感激。

干杯

最佳答案

Codepen 让您直接导出您的作品。它会将您的 HTML、CSS 和 JS 以及任何外部库(例如 jQuery(如果您选择了它们))打包到一个明确命名的文件夹中,供您离线使用。

您也可以自己轻松完成此操作。创建您各自的文件,复制并粘贴代码并为它们命名。然后像这样在 HTML 的头部链接到它们:

<head>
<title>Example</title>
<link REL="StyleSheet" TYPE="text/css" HREF="css/sheet.css">
<script src="js/JSBrains.js"></script>
</head>

您可以像这样链接到在线传输的文件:

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

B先生

关于javascript - 从 Codepen/Jsfiddle 迁移。开始将您的代码带到网络上。什么是正确的协议(protocol)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26013629/

相关文章:

javascript - backbone.js - Collection View 给出 "TypeError: Cannot read property ' el' 的未定义“错误

javascript - 从父页面监控 iframe 内容/状态

php - 在网页中打开网页

javascript - 视差 H1 和 H2

html - 如何阻止我的 CMS 的 CSS 影响我的内容?

javascript - 用于单一导入的 Jest 模拟模块

javascript - 简短的 jQuery 有效,其他一切都变成空白

JQuery 字数统计和从 HTML 中剥离标签

javascript - 我可以通过ajax访问不同位置的同名 Controller 吗?

css - 如何使用 css 代码单独设置 gtk 小部件的样式