CSS教程:文件命名规则

2016-02-20 00:12 1 1 收藏

今天图老师小编要跟大家分享CSS教程:文件命名规则,精心挑选的过程简单易学,喜欢的朋友一起来学习吧!

【 tulaoshi.com - Web开发 】

遇到一个很实际的问题:由于不想增加目录的深度,减少磁盘寻址的时间,需要减少一些目录层级。

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

大家都知道建立文件夹是为了让文件管理更加的方便,现在需要减少文件夹,如何保持文件管理的方便就成为必需解决的。很容易我们想到通过命名来解决这个问题,那是不是随便一个命名都能起来方便管理的作用呢?样式的命名规则是否适用?对于样式的命名,在《 [更新] 样式命名规则 》已经有讨论,可是样式的命名规则并不能被应用到文件的命名中,毕竟使用的环境不太一样,要解决的问题也不太一样。样式命名要解决的是名称语义化,通过名称能知道这个定义的作用范围;而文件的命名要解决的是更方便的找到对应的文件,当然如果名称有意义,也会有帮助,更重要是要解决同一文件夹下如何更快找到文件。

怎样才能更快找到需要的文件呢?操作系统通过路径能正确找到对应的文件,因为在每一层目录里,所有的标记(目录名、文件名)都是唯一的。而我们找一个文件,一般会需要下面的信息:

文件名(叫什么,一般这个信息会有缺失) 文件类型(图片?样式?页面?还是什么?) 所在域名、栏目的位置(在哪个地方?) 什么时间修改过 路径(就算知道了,一般也不是直接就能使用的,需要层层点击)

对于电脑来说,它并不需要目录名或文件名多容易看懂,只要符合命名规则、同一层级下唯一就可以。但对于我们来说,更希望能通过命名知道更多的信息,因此需要命名有一定的意义。回到一开始的问题,如果当前就在最后的一层目录里,面对那么多的文件,如何更方便找到需要的文件?没错,通过排序可以将文件进行分类,最常用的排序有三种:

文件名(以每个字母从A-Z的顺序排序) 按修改日期(以文件的修改日期为排序条件) 按文件类型(先将文件以类型分类,同类文件再以文件名排序)

为了更好的让排序发挥作用,文件的命名就需要有一些规则。文件名的组成大家应该清楚吧?一般格式为名称.扩展名。扩展名也是文件名的一部分,但这部分比较固定,没有什么可发挥的。前面名称的部分是我们讨论的重点。发散下思维,我们可以想到添加一些相对固定的词来起到分类的作用,我们称之为缀,从位置上可分为前缀和后缀。

常用的缀:预设目录名、文件类型、域名、日期、版本号

例如名称为demo,加上前缀或后缀的形式如下:
预设目录名:css_demo |demo_css
文件类型:png_demo | demo_png
域名:blog_demo | demo_blog
日期:20090904_demo | demo_20090904
版本号:v1_demo | demo_v1

前缀的作用:区分同一类型的文件名,由于操作系统的排序规则(同一类型的文件以文件名排序),因此前缀能很好的起到区分的作用。比较符合阅读的习惯。缺点是如果使用键盘导航(直接使用键盘可以跳到对应字母的文件位置),由于前缀相同,会有一定的影响。

后缀的作用:后缀一般用于版本的控制,像存档、多版本、备份等等。缺点是如果名称过长,不太直观。

 

我们来看看两种方式的差别在哪:

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

 

 

上面几个图是将添加了前缀和后缀的文件放到同一目录下,分别使用三种排序的结果。由于模块化的制作方式,文件一般会以模块为单位分布,使用前缀的时候往往会因为文件类型不一样使同一模块的文件被分散到不同的位置,而使用后缀反而可以很好的将同一模块的文件归到一起。从上面的图可以看出这点。因此在这种情况下,使用后缀会更方便于文件的查找。

来源:https://www.tulaoshi.com/n/20160220/1631473.html

延伸阅读
初学DELPHI的人,对自己随手编的程序,函数,过程所起的名字不会太在意。但可要注意,你随意起的名字,有时会给你带来意想不到的麻烦。举例如下:新建一个FORM,加上一个EDIT1,清除其内容,再加上一个LABEL1和BUTTON1。 BUTTON1按钮代码为 procedure TForm1.Button1Click(Sender: TObject); begin label1.caption:=i...
标签: SQLServer
在SQL SERVER中标识符共有两种类型:一种是规则标识符(Regular identifer),一种是界定标识符(Delimited identifer)。 其中,规则标识符严格遵守标识符的有关格式的规定,所以在Transact_SQL中凡是规则运算符都不必使用定界符。对于不符合标识符格式的标识符要使用界定符[]或‘ ’。 标识符格式: 1、标识符必须是统一...
标签: Web开发
说实话,看到这个题目时我觉得这有什么好讨论的,肯定会是场一边倒的讨论。因为个人比较倾向于短命名,简单优雅,可能是出于程序员的洁癖,容不得任何冗余的东西。(和我一个想法的人应该不在少数吧 !) 先看下长命名和短命名的定义: !-- 长命名:使用前缀体现上下文环境的CSS命名方式。 -- div class="category"  ...
标签: Web开发
命名一直是个让我头痛的问题,特别是那些看上去差不多的模块,所以就得想办法啦,我总结了下面的方法,虽然还在试验中。希望对大家有帮助。欢迎大家提出改进的意见。具体如下: 要注意的内容: 一,命名所选用的单词应选择不过于具体表示某一状态(如颜色、字号大小等)的单词,以避免当状态改变时名称失去意义。 二,样式类名由以字母开头...
标签: Web开发
原文地址: 以下文档描述了应用在 Mozilla UI 中优化 CSS 文件的规则。第一部分是对于 Mozilla 样式系统分类规则的一般性讨论。在了解这个系统的基础上,后续部分包含了一些指南,书写可以利用这个样式系统实践优点的样式的指南。 样式系统如何分类规则 样式系统把规则分为四大类。理解这些类是很重要的,因为对于规则的匹配来说他们是首先...

经验教程

665

收藏

49

精华推荐

CSS基础教程:CSS的At-Rules@规则

CSS基础教程:CSS的At-Rules@规则

天枰王娇娇娇

主页文件命名技巧

主页文件命名技巧

葫芦娃339

CSS常用命名参考

CSS常用命名参考

xingko_com_cn

微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部