网站维护页面代码样式指南
如何使您的代码易于维护网站页代码样式指南
过去,深圳网站设计风格指南通常被视为注重品牌和色彩运用的设计导向性文件。但随着脸谱网或谷歌产品线等疯狂大型代码库的出现,样式指南也在不断发展。现在,网站维护页面代码样式指南样式指南包含当前代码库和频繁更新文档的用法。这些文件我们可以编写更多可维护和可重用的代码,如何优化我们的代码库是立即看到的。
网站维护页上的代码样式指南是什么网站维护页上的代码样式指南类似于较老的同行;它们包含标识和品牌信息、颜色的使用和轮廓代码的使用。代码大纲部分,您可以在其中轻松找到重复或类似的代码和优化您的代码,或查看已在使用的组件。大多数导游都会出示一张ldquo日志;类型方法、每个代码实例文件或有意的模块编码记录。
这些指南不仅关注HTML和CSS,其他语言也可以模块化性能,比如JavaScript和PHP。网站维护页代码样式指南的几个示例可以在GitHub,Mozilla和MailChimp中找到。从这些示例中可以看出,通常会有一个页面或子页面网站显示组件每一侧的用例代码。这使得在需要它们的时候很容易捕捉到它们,并且可以看到组件以一种与不熟悉的设计者交互的方式工作。
启动自己的网站维护页代码样式指南从头开始启动自己的网站维护页代码样式指南样式指南文档似乎令人望而生畏,尤其是对于大型项目。但通常需要做投资回报的时间。大型工程的建设得益于网站保持页面代码样式指导材料网站样式和代码结构。较小的项目有一个不太明显的,但有时值得你的投资回报的时间。在任何情况下,如果你在一个项目上工作,它可能有一天会被交给另一个设计师或开发人员,他们有一天会看到这样的文档。
您经常使用的组件是网站维护页代码样式指南。在** 好的情况下,按钮会立即出现在脑海中。对于短列表,您可能需要考虑录制布局选项(可能是概述网格系统)、排版、颜色使用、按钮和链接模式、样式、通知或提醒以及列表样式。重用所有东西的好处基本上是。总之,记住要灵活。除非绝对必要,否则没有针对特定页面或用例的样式警报或按钮。相反,添加改性剂类是基于颜色、字体或审美变化等因素。这样,你就可以放心了。button类指定了一致的宽度、高度和文本大小,同时使改性剂类成为特定于每个用例的内容。
可维护代码的目标是使事物可重用并经得起未来的考验。公告板、按钮、标题和页脚等组件是可重用代码ndash;东西你可以作为一个很好的例子整体网站很多次,或在同一页上。如果您分解旧的或已经编写好的代码,使其更易于事后维护,那么实际上非常简单。开始剥离CSS基础知识。您应该留下一个组件类来定义高度、宽度和位置等结构。其他改性剂类可以用来改变审美色彩或字体等。另外,如果您的项目对每个页面使用bodyID或class,那么您可以像这样按页面设置独特用例的样式。千万不要过多地使用这种方法,因为它很容易添加
这KISS原则是一个适用于模块化开发的设计原则。编写简单的、可维护的代码通常是通过保持组件简单易用来完成的。说到简单性,可以提**率和/或使用更少的代码,同时获得相同的结果,我们的组件应该被编写来做到这一点。可维护代码结构的** 终目标是拥有一些可重用的、小的代码结构,这些代码结构比不维护它们要**得多。
在CSS命名约定中,在维护代码结构时,命名规则变得非常重要。编写描述性CSS类使维护代码成为一项简单的任务。CSS课程的长度没有限制,所以利用你的优势。一定要遵守一个明确的命名约定,尽管混合破折号和下划线或驼峰大小写会使所有小写名称混淆。将组件类定义减少改性剂类通常是一个好主意。下面是按钮、唯一用法规则和改性剂类的示例。
自动导向发电机的自动化解决方案已经开始出现在左侧,以帮助驱动右侧样式的导向。样式原型是由李察和梅森sass generator memory温德尔构建的团队的绿色盘子。这是一个更好的选择。现在,全息图如发生器,嘉利,styledocco和KSS被证明是有用的。
自动生产和手工生产一样,都有使用方法的优缺点。自动化解决方案很快,而且事后适用,但有时也很严格。手工风格指南让你知道一切,但它需要更多的时间。就我个人而言,手工制作的方法,在大多数情况下,我** 好是在工作条件** 灵活的情况下与其他开发者合作。但是,花时间尝试一些自动化解决方案绝对是值得的,只是为了让他们了解它们是如何工作的,以及他们对代码的看法。
检查您的代码网站是否不完整。我们修改东西,改变新的样式和趋势,** 终我们可以得到很多过去的代码。花点时间看看ldquo很重要。”线路末端;系统中的每一个变化都** 了事物可以像现在一样干净。在这一点上,我还想把每个组件(和改性剂类)放在codepen中,以测试浏览器支持并做笔记,所以。这可以节省大量的时间后,网页设计,如果你是一个支持的限制。回顾过去,还需要注意的是,组件之间可能会以奇怪的方式发生冲突,或者会出现框模型问题。
总之,样式指南应该使代码非常灵活,但仍然易于维护和阅读。考虑到我们需要投入多少时间才能达到这样的效果,《生活方式指南》有一个更大的项目,但影响不那么可量化。复杂或大型项目从所有优化和性能改进中受益匪浅,这非常值得花时间来实现上述结果。为一个小型网站或项目创建一个生活方式指南虽然值得投资,但不太可能证明时间。
网站设计布局网站设计风格指南