深圳网站建设

| 专注于网站设计与营销型网站建设与优化

手机:186 755 66828

建站热线:0755-3355 6286

网站制作设计 >> 网站制作动态 >> 网站维护页面代码风格指南

网站维护页面代码风格指南2016.07.21

文章来源:牧羊人网站设计文章分类:网站设计

网站维护页面代码风格指南

如何让你的代码易于维护的网站页面代码风格指南

昔日的深圳网站设计风格指南通常被认为是面向设计的文件重点品牌和颜色的使用。但随着疯狂的大型代码库的出现像脸谱网或谷歌的系列产品,风格指南已经演变。这些天,网站维护页面代码风格指南风格指南包含经常更新文档的当前代码库及其使用情况。这些文件我们可以写更多的可维护性和可重用的代码,如何优化我们的代码库的瞬间看到的是。

网站维护页面代码风格指南 
在一个网站维护页面代码风格指南风格指南是什么?
网站维护页面代码风格指南风格指南类似于年长的同行;它们包含的logo和品牌信息,色彩的使用,以及大纲代码的使用。代码大纲部分,在那里你可以很容易地找到重复的或相似的代码并优化你的代码,或已在使用中的视图组件。大多数导游是展示一个“日志”式的方法,每一个代码实例文件,或故意的模块编码记录。

网站维护页面代码风格指南

不仅这些指南侧重于HTML和CSS,其他语言也可以像JavaScript和PHP模块化性能。几个实例的网站维护页面代码风格指南风格指南可以发现在GitHub,Mozilla,和MailChimp。正如你可以看到这些例子,有一个页面或子网站显示用例的代码为每个组件的一侧很常见。这使得它很容易去抓住他们你需要他们的时候,和陌生的设计者看到组件在一个互动的方式工作。
 

开始你自己的网站维护页面代码风格指南
开始你自己的网站维护页面代码风格指南风格指南文档从头开始似乎令人生畏,特别是对于大的项目。但通常有需要去做时间的投资回报。大型项目的建设,极大地受益于网站维护页面代码风格指南资料网站风格和代码结构。规模较小的项目有一个不太明显,但有时还是值得的,你对时间的投资回报。在任何情况下,如果你工作在一个项目,可能有一天会被转交给另一个设计师或开发人员可以使他们的一天看到这样的文件。

网站维护页面代码风格指南
你经常使用的组件是一种网站维护页面代码风格指南方式指导最好的使用情况下,按钮立即浮现在脑海中。短名单的事情,你可能要考虑记录布局选项(可能概述网格系统),排版,色彩的使用,按钮和链接方式,形成造型,通知或提醒,和列表样式。什么都可以被重用的好处可以说基本上。在概述,记得保持灵活。没有风格的警报或按钮的特定的一个页面或使用的情况下,除非绝对必要的。相反,添加改性剂类建立在诸如颜色、字体的基础,或审美的变化。这样,你可以指望。按钮类指定一个一致的宽度,高度,和文本的大小而使改性剂类来改变特定的每个用例的东西。

网站维护页面代码风格指南

可维护代码的目标
可维护代码的目的是使事情可重用的和未来的证明。成分如公告栏,按钮,标题,页脚,是可重用的代码–事情你可以多次使用整个网站的很好的例子,或在同一页上。如果你打破旧的或已经写好的代码使它的事实后更易维护,其实很简单。开始剥离下来的CSS基础知识。你应该离开一个组件类定义结构如高度,宽度,和位置。而其他改性剂类可以用来改变颜色或字体的审美之类的东西。另外,如果您的项目使用的是身体的ID或类为每个页面,你可以风格独特的用例按页这样。千万不要采取这种做法太多了,因为它可以很容易地添加

这个KISS原则是一个设计原则适用于模块化的发展过程和。写简单的、可维护的代码通常是通过保持你的组件简单容易。说到简单,如果使事情更有效和/或使用更少的代码,同时实现相同的结果,它是可能的,我们的零部件应写做。一个可维护的代码结构的最终目标,是有一些可重用的,小的,远远比不维护更高效。

网站维护页面代码风格指南

在CSS的命名约定
当它涉及到一个维护的代码结构,命名规则变得非常重要。写描述性的CSS类,可以使维护代码将一个简单的任务。有没有限制CSS类的长度,所以要利用你的优势。一定要坚持一个明确的命名惯例虽然混合破折号和下划线或骆驼的情况下对所有小写的名字容易混淆。它使你的组件类定义通常是一个好主意,使改性剂类较少。下面是一个按钮的例子,一个独特的使用规则,以及改性剂类。

 

自动化解决方案
自动式引导发电机已开始出现左,帮助推动正确的风格指南。风格原型是由李察和梅森SASS发生器内存温德尔建团队的青菜。这是一个更好的选择,眼下,类似发电机一样全息图,嘉利,styledocco,和KSS也证明是有用的。

自动和手工制作
一如既往的,有使用方法的利弊。自动化解决方案是快速和可应用的事实后,但他们有时也严格。手工制作的风格指南让你知道一切的来龙去脉,但需要更多的时间。就我个人而言,手工制作的方法,在大多数情况下,我最好是在与其他开发人员的工作条件最灵活。但它肯定是值得花时间去尝试一些自动化的解决方案,只是为了让他们如何工作的想法和他们所说的关于你的代码。
 

回顾你的代码
网站都没有完成。我们修改的东西,新的风格和趋势的转变,而最终我们能最终从过去的很多代码。重要的是花一点时间看看“端”的每个修改确定事情可以像他们那样干净。在这一点上,我也喜欢把每个组件(和改性剂类)在CodePen测试浏览器的支持和做笔记,因此。这可以节省大量时间后,如果你是一个支持的限制,网页设计。在回顾,也一定要留意成分可能彼此冲突,以奇特的方式或使盒模型的问题。

网站维护页面代码风格指南 
结论
总之,风格指南应该导致代码非常手法灵活,但仍易于维护和读取。考虑到我们必须投资达到这样的结果多少时间,生活风格指南有一个更大的项目可量化的影响比较小。复杂或大型项目中受益很多,所有的优化和性能的提高,这是很值得花时间达到说结果。创造一种生活方式指导一个小网站或项目不可能证明的时间虽然值得投资。

网站设计布局
网站设计风格指南

上一篇: 网页设计的元素周期表
下一篇: PS图象处理软件将照片处理成画的艺术

文章分类

牧羊人网站设计微信

热门文章