如果您正在考虑学习编码或者您是编程领域的新手，那么入门中最令人生畏的部分之一就是它的巨大之处 - 不像在物理世界中构建通常不会产生的东西基本的构建组件本身，构建一个网站是一种使用编码语言创造无中生有的东西的练习。你甚至在哪里开始，你怎么可能在合理的时间内完成所有这些工作？
编程行业的一个秘诀是，建立网站或其他应用程序与在现实世界中建立并没有什么不同 - 就像大多数承包商不制造自己的砖块，橱柜或地板一样，编码器并不总是如此需要从头开始构建一切。您对编码的了解越多，您就会越多地开始看到某些基本和重复的功能 - 例如在网站上构建菜单，表格或表单 - 每次坐在计算机上都不需要重新创建。您将在以后再次调用的方式编写代码（而不是重写代码），但最重要的是 - 有时您甚至不必编写代码你自己开始。
不，我们不是在谈论抄袭，我们谈论的是开源，技术的协作性质 - 网络和论坛遍布整个互联网，在那之前，你们之前的编码人员会分享他们的编码问题的解决方案。短代码的形式称为代码片段。然后其他程序员可以自己使用这些片段，甚至可以添加或改进它们。
为了更清楚地说明你并不孤单，编码并不总是从头开始，并且有一整套资源可以为你提供灵感，指导和捷径。 ，我们将为您提供四个可靠的网站，以查找代码段。您可以研究这些片段，将它们合并到您自己的开发项目中，最终甚至开始分享您与其他编码器一起编写的片段。
1.堆栈溢出
如果您正在寻找代码示例来帮助您解决开发问题或解决不需要从头开始重建的例程函数，则Stack Overflow应位于资源列表的顶部。Stack Overflow是一个针对程序员的在线论坛，围绕问答格式构建 - 使其成为初学者的理想起点，但是随着你提高技能水平，它也同样有用。
Stack Overflow模型非常简单 - 用户发布问题，其他用户发布答案。查看问题的用户可以对热门答案进行评价，原始海报可以选择将他们认为最有帮助的答案选为“已接受”.Stack Overflow的指南包括将问题限制在特定的编程问题，软件算法，编码技术和软件开发工具。在发布问题之前，还要求海报尝试自己找到解决方案，并在其帖子中包含这些尝试的示例。
由于Stack Overflow上发布的许多问题都是针对编码问题的（并且可以公开搜索），因此答案通常采用示例代码的形式，使其成为实用代码片段的绝佳存储库。在重用Stack Overflow中的材料的情况下，站点管理员要求开发人员对其源进行归因。将代码片段归因于其原始海报的注释可以使用HTML注释标记轻松添加到您自己的代码中（例如）。
参与Stack Overflow这样的论坛不仅是学习基本编码技巧和查找代码片段的绝佳起点，它还可以帮助您插入更大的编程社区，这种积极参与可能会有所帮助当你在网络或面试工作时说话。
2. CodePen
CodePen是我们Skillcrush开发团队最喜欢的资源，并且有充分的理由 - 通过一组强大的功能和基于社区的方法来共享和呈现代码，CodePen是一个从其他用户那里获取编码技巧和窍门的首选网站，当你制定自己的编程突破时，回报你的青睐。
“笔”是指用户上传到其CodePen配置文件的HTML，CSS和JavaScript代码集，在这些代码中，他们可以接收有关其代码的反馈，并在发布后继续对其进行编辑。CodePen有一个免费使用的内置文本编辑器，用于创建Pens，其中包括有用的，以代码为中心的功能，如语法高亮（显示不同颜色的文本和基于其编码类别的字体），Emmet（自动完成的编码效率工具）代码并将速记扩展为完整的代码），并查找和替换（允许您压缩代码行而不必努力保持或找到您的位置）。CodePen的编辑器还在屏幕上有一个实时预览区域，可以在编辑时更新并显示代码的结果。
公开发布的Pens可以被任何人搜索和查看，这意味着如果您遇到一段特别有用的代码，您可以将其添加到您自己的工具包中 - 公共笔被认为是开源的，因此使用它是完全合法的（和道德的）他们，分享他们，并根据你的需要改变它们。例如，如果你想用CSS创建一个“摆动图像”效果并需要一些灵感或指针来弄清楚如何，那么合并这个效果就没问题了。由Christopher Mlalazi进入您自己的网站，并在未来的情况下使用它（或添加您自己的调整） - 这就是开源的精神。但是，不要忘记成为一名优秀的社区成员 - CodePen允许您“心脏”找到有用的笔，并且他们用于复制代码的“分叉”功能有助于将借用代码的痕迹保留回原始程序员。借用代码时一定要使用这两个功能。
3.代码我的UI
无论您是寻找灵感来为沉闷的用户界面注入生机，还是想要为您的网站提供一个无法完全实现的想法，Code My UI都是一个代码片段的宝库，可以帮助您将设计融入其中下一个级别。与CodePen或Stack Overflow不同，Code My UI不是用户社区 - 您将找不到任何社交媒体功能或社区论坛 - 但它缺少交互，它弥补了实用代码应用程序的简单列表。
代码我的UI的片段不是由用户直接发布 - 而是由网站的管理员从其他代码库网站策划，但不像存储库网站涉及涉及涉及问答和论坛帖子 - 代码我的UI的代码片段很容易呈现 - 浏览布局，列出代码段的名称和描述，指向其原始源的链接，以及最有用的 - 操作代码示例。
除了原始源代码之外没有上下文的描述“ Pure CSS渐变颜色幻灯片拼图样式加载动画 ”，您将看到加载动画的图像，因为它将使用代码显示在网站上。如果你仍然将你的技术腿放在你的下方并且仅仅描述并不会自动形成成品的图像，这可能会特别有用 - 即使你是一位经验丰富的兽医，它仍然很好能够查看您可能正在使用的代码的工作示例。
Code My UI定期向其网站添加新的代码片段，并有一个搜索栏，可帮助您了解您正在寻找的主题和功能。
4. GenerateWP
如果您正在使用WordPress - 一个广泛使用的内容管理系统，可以让您在网上编写，编辑和发布内容 - GenerateWP是您熟悉ASAP所需的工具。GenerateWP是一个为WordPress网站功能生成代码的网站 - 菜单，工具栏，侧边栏等 - 使用在线表单为您正在尝试构建的功能提供规范。您填好的表格会生成符合最新WordPress编码标准的代码，然后您可以剪切并粘贴到您自己的网站上。
除了使用GenerateWP自己生成WordPress代码之外，您还可以浏览其他用户生成的代码 - 通过单击主页的“Snippets”菜单，您将能够搜索所有生成的代码或按子类别指定搜索。作为GenerateWP服务条款的一部分，其生成器生成的片段是公开的（除非您希望通过GenerateWP的高级服务将其设为私有），这意味着您可以下载，复制，改进或与您自己的开发人员社区共享它们。
通过消除在您的网站上编写简单菜单或工具栏的代码的需要，或者提供用于升级您已经构建的功能的代码，您将有更多时间专注于您的WordPress网站的整体内容，布局和功能，以及您将能够更快，更有效地完成WordPress项目。
本文地址：
http://www.njanyou.cn/web/2209.html
Tag：
专业服务：
南京网站制作,
南京网站制作公司,
南京网站建设公司
联系电话：025-65016872
上一篇：
用户体验与用户界面 - 有什么区别？
下一篇：
如何通过内容营销建立链接？
