sumaart

web site / mobile & h5 / brand design
less is more, art is freedom…

设计观点

Back

记录网页项目的技术

Share

Time:

2019-11-26 10:55:46

Author:

limo

建立大量网站的好处之一是,最终你会不止一次地面临同样的挑战,这意味着你知道该怎么解决。也就是说,如果你记得你在何时何地见过这个问题,那么你就会有办法避免这个问题。


您需要多少次才能完成某件事,并且意识到,是的,您编写了一段非常合适的代码?然后,几乎找不到该片段的频率是多少?那么,有多少次,同样的片段几乎不可能被找到?


毫无疑问,这是网页设计师的一个常见问题,这就是为什么编写一些基本的项目文档会被证明是有益的。通过建立这样一个系统,您可以很容易地找到节省时间的代码片段。


无论你是在做一个新项目,还是回顾过去的项目,这里有一些提示,可以帮助你记录你所做的事情。


注释你的代码


这一点似乎有点显而易见,但它同样重要。当我们编写代码时,添加适当的注释是有意义的。


一个常见的做法是在每个新功能上面写一个简短的叙述,例如,解释它的目的和与项目的相关性。除此之外,在这些函数的其他关键位置添加注释可以让我们(以及其他检查代码的人)更好地理解所有内容是如何组合在一起的。


这种做法不仅适用于像PHP或JavaScript这样的复杂语言,它也非常适合CSS。指出特定的样式以及它们在哪里被使用,对于准确地找到您需要的样式非常有用。


通常感觉战斗的一半就是记住为什么每条线都在那里,以及它应该做什么,评论可以消除很多模糊性。



为每个项目创建一个日志


现在,根据你的个性,提到“日记”这个词可能会让人提心吊胆,也可能会让人感到奇怪的安慰。你的反应可能会告诉你如何处理这类任务。


在本例中,我们讨论的是作为未来资源的文档。如果网站中断或需要新功能,则可以在这里参考一下有关操作方式的详细信息。打开文字处理文档或全力以赴,在本地安装中创建一个Wiki 。它可以根据您的需要进行详细介绍(或不作详细介绍)。这里没有硬性规定。


例如,我们的设计和开发技术会随着时间的推移而发展。你几年前采取的方法可能与你现在的做法不一样。因此,将这个过程的各种元素写下来是很重要的。


另外,即使使用公共系统和资料库,每个网站都是自己独立的实体。不知道从哪里开始?看看是什么让这个网站脱颖而出,请注意您创建的特殊模板、特定的代码片段或样式。如果你不得不对你的服务器做一些不同的事情,这也是一个很好的文档。



维护一个代码段库


当涉及到代码时,不要试图重新发明步骤,因为我们写的很多东西都是可以无限重复使用的。即使它不能完全满足新项目的需要,正确的代码片段也可以作为进一步定制的坚实起点。


然而,组织不同的代码可能是一个挑战。您可以将有用的部分复制并粘贴到文档中,然后根据需要检索它们。但是对于编写大量代码的人来说,这可能很快就会失控。


GitHub存储库将是一个很好的解决方案,它将允许您对事物进行分类,并允许进行版本控制。您甚至可以将存储库与另一个服务绑定在一起,以便以不同的方式使用或访问它。


无论如何组合代码片段库,您都需要开发某种用于标记、分类或以其他方式标记每个代码片段的系统。例如,您可能想要添加一些东西,如所使用的编码语言、用途、相关的应用程序(如WordPress)或库(React、Vue、Bootstrap),这将使搜索和找到你需要一个更平滑的过程。



你工作的百科全书


网页设计师喜欢构建作品集来展示他们的工作,或者至少是最终的结果。但是在内部跟踪项目也是一项值得努力的工作。它可以帮助您解决问题,并建立现有的网站,同时为新网站提供解决方案。


你可以使用以上任何一种或所有的技巧来把事情组织起来,最好的部分是你真的可以自定义你认为合适的方式。无论是通过大量的笔记还是简单的提醒,它都将帮助您更好地理解网页项目的内容、位置、时间和原因。