精华内容
下载资源
问答
  • 因为位数不同,而当文档读出的时候就会出现顺序问题,因此需要为文件统一名字。 2解决方案:format函数可以实现 (1)简单实现 a = 1 print("a:", a) b = format(a,'03d') print('b:', b) 运行结果 (2)...

    1 问题描述:数字格式化的方法

    在统一为txt命名的时候,比如想要编号为三位数,用001,002,…,030,…100,…999数字格式化命名的时候,只需要把想要输入的数字规格化转化一下就行了。因为位数不同,而当文档读出的时候就会出现顺序问题,因此需要为文件统一名字。

    2 解决方案:format函数可以实现

    (1)简单实现

    a = 1
    print("a:", a)
    b = format(a,'03d')
    print('b:', b)

    运行结果

    (2)批量命名

    至于想批量命名的时候,只需要在循环中为每一个序号加一个format就可以了。

    如下:

    for i in range(10):
        a = format(i, '03d')
        print('a:',a)
        b = format(i, '04d')
        print('b:', b)

    (3)如何给文件批量命名文件——创建并命名

    这就需要进行字符串连接,把刚才格式化后的文件名赋给文件名

    for i in range(10):
        a = format(i, '03d')
        print('a:',a)
        # b = format(i, '04d')
        # print('b:', b)
        fileloc = r'E:\matlab\CNN-classification\bonn epilepsy data\A_Z2'
        filename = fileloc + "\\" + a + ".txt"
        with open(filename, 'a', encoding='UTF-8') as f1:#打开文件时候,'a'表示以追加方式打开文件,如果文件不存在则创建
            f1.write(str(i) + "\n" + a)
        f1.close()

    执行结果如下:

    注意

    读写文件时候,经常使用的模式如下:

    2016626170852899.png (713×317)

     

    展开全文
  • 但CSS文件名如何命名对于新手来说是件容易出乱子的事。如何才能将CSS的命名做得井井有条? 坚持使用统一的CSS命名规则并养成习惯,可以让你更容易维护、修改以前编写过的CSS代码,从而提高自己的工作效率。而且还能...
    有经验的网页制作者都明白,对于有多个栏目的大型网站而言,使用单一的CSS文件是不可能的。但CSS文件名如何命名对于新手来说是件容易出乱子的事。如何才能将CSS的命名做得井井有条?  坚持使用统一的CSS命名规则并养成习惯,可以让你更容易维护、修改以前编写过的CSS代码,从而提高自己的工作效率。而且还能加强搜索引擎优化,方便记忆。  ? 首先,CSS文件必须统一放在一个目录下,比如style、css等。  其次,在给CSS文件进行命名时,经常使用符合语义的英文名字,实在不行再使用拼音命名。在命名时,将影响全局的CSS和基础定义写在base.css或basic.css文件中,布局内容写在在layout.css文件中,如果有需要,还可以将定义字体的css内容单独写在font.css文件中,然后针对网站的每个栏目单独写一个以栏目名称命名的CSS文件。不过通常在全局定义的内容不多的情况下,我会将布局内容和字体内容写在base.css或basic.css文件中。  最后,在给CSS里的class和id命名时,使用英文名或者英文名字的组合,另外,在有从属关系的class里,我们可以充分利用组合名称。  通常组合名称有三种写法:  第一种用中横线“-”来连接前后单词作为组合,比如“#space-banner”;  第二种利用下划线“_”进行连接,比如“#space_banner”;  第三种方法是将第二个单词的首字母进行大写,比如“#spaceBanner”,这种写法也叫做驼峰式(camel case),但需要注意的是,由于CSS里是区分大小写的,所以spaceBanner和spacebanner是两个不同的CSS名字。  这三种方法使用哪种都可以,因人而异,但只要采用其中一种,那么全部的CSS文件都应该遵循这个规范,这样才能统一风格。  下面我们还是以阿邦网为原型举个简单点的例子来详细说名一下吧。  首先分析一下阿邦网的基本结构和页面数量及页面名称。  阿邦网的文章公分七大类,所以加上首页在内一共有八个一级栏目,即首页、时尚、美食、健康、兴趣、宠物、数码、旅游八个。每个一级栏目下又有若干个二级页面,就是作者们各自的首页,这些页面长的全部一样,所以它们共用的是同一个页面模板,只用一个CSS文件即可。  每个作者还有自定义的分类,算是三级页面,它们也是共用相同的页面模板。除此外还有一个全部文章列表页面和文章的展示页面。这样草草算来大约共有12个页面,就先停到这里,更深层的那些页面可能更多,暂时先不追究了。下面我们对它们所要用到的CSS文件进行分配。  第一步,我们肯定需要一个全局定义的CSS文件来定义整个网站的字体大小、颜色、背景、行高、列表样式、按钮样式、表格样式等等,那么就有了base.css文件。  第二步,一个网站必然会有它的页面头和版权信息,我们将定义页面头部信息的CSS文件起名为header.css,版权信息也可以叫做页脚,起名为copyright.css或footer.css文件。因为阿邦网的版权信息不算多,我就把页脚信息加在了header.css文件中合并成一个文件。  第三步,命名所有一级栏目的CSS文件,共有首页、时尚、美食、健康、兴趣、宠物、数码、旅游八个栏目,分别定义为index.css、fashion.css、food.css、health.css、hobbies.css、pets.css、digital.css、travel.css。  第四步,命名所有二级栏目的CSS文件,它们是作者首页,作者自定义的分类页,分别定义为author_index.css和author_cate.css。  第五步,命名所以三级栏目的CSS文件,有文章列表页和文章展示页(底级页),分别定义为lists.css和detail.css。 这样一共就出现了14个CSS文件,如顶部图一,一定有人会问为什么怎么这么多?其实对于一个大型网站来讲,这一点也不多,而且是有必要的。当然这些CSS文件不用一次性全部新建出来,只需要制作到那个页面的时候再建立即可,但是在初步规划的时候一定要预想到,正所谓未雨绸缪嘛。
    如何合理命名CSS文件 - jonyxx@126 - 学会思考
     
    下面我们再用首页举例讲解一下页面的CSS文件中class和id的写法,如图二所示,阿邦网首页的主要区块都已经标注在图中,并且已经按照我的习惯取了名字。#header和#footer可以写在header.css文件中。通用的页面定义CSS内容写在base.css文件中,其余都可以写在index.css文件中。  首先整个页面是有固定宽度的,所以需要在页面最外面设置一个容器,让其居中显示,并让所有内容被包含于其中,我们一般起名为#wrap。  由于首屏焦点图(蓝色区域)内容比较多,必然会用到float属性进行布局,为了使它发挥正常,不造成错位,需要在首屏位置外部再加上一个外套,这里命名为.box,使用class的原因是后面还需要用到它,并且会出现很多次。  其它的部分很显而易见了,就不意义说明了。最后生成的Html文件应为:  
    <div id="wrap">   <div class="box">     <div id="focus">焦点图</div>     <div id="header">页面头</div>     <div class="box">       <div id="top_recommend">顶部推荐</div>       <div id="stars">本周之星</div>     </div>     <div id="search">搜索</div>   </div>   <div id="img_recommend">图片推荐</div>   <div class="box">       <div id="main_content">主要内容</div>       <div id="side_bar">侧边栏</div>   </div>   <div id="footer">版权信息</div> </div>
    CSS的命名方法基本上就是这样了,但这不是唯一的方法,每个人习惯不同,所以命名也一定不会相同,好的方法还有很多 ,需要大家自己去摸索,我们的最终目的就是结构清晰,修改方便。 下面给大家列出网络上搜来CSS命名规则,仅供参考。 CSS文件名: Base或Basic - 基本样式。 Layout - 全部页面布局。 除非改变布局否则不修改此文件。 General - 颜色,风格,排版,非结构的布局。本文件可据需要经常编辑。 Forms - 表单的布局和风格。如果需要可以为不同的页面而分别制作表单的css文件。 Index或Home - 用来控制主页而不考虑其他页面的样式。 Print - 基本的打印样式。 Themes - 主题样式表。 Master - 主要的CSS样式。 Font - 字体样式表。 样式命名: 外 套:  wrap 主导航:  mainnav 子导航:  subnav 页 脚:  footet 整个页面: content 页 眉:  header 页 脚:  footer 标 题:  title 主导航:  mainbav(globalnav) 顶导航:  topnav 边导航:  sidebar 左导航:  leftsidebar 右导航:  rightsidebar 旗 志:  logo 标 语:  banner 菜单内容1: menu1 content 菜单容量: menu container 子菜单:  submenu 边导航图标:sidebarIcon 注释:   note 面包屑:  breadcrumb(即页面所处位置导航提示) 容器:   container 内容:   content 搜索:   search 登陆:   Login 功能区:  shop(如购物车,收银台) 当前的   current

    转载于:https://www.cnblogs.com/xiaoleidiv/p/3147922.html

    展开全文
  • 有经验的网页制作者都明白,对于有多个栏目的大型网站而言,使用单一的CSS文件是不可能的,但如何命名CSS文件对于新手来说是件容易出乱子的事。 如何命名CSS文件及样式规范更利于SEO优化-马海祥博客 坚持使用统一...
    转自:http://www.mahaixiang.cn/css/906.html
    有经验的网页制作者都明白,对于有多个栏目的大型网站而言,使用单一的CSS文件是不可能的,但如何命名CSS文件对于新手来说是件容易出乱子的事。
    如何命名CSS文件及样式规范更利于SEO优化-马海祥博客
    坚持使用统一的CSS命名规则并养成习惯,可以让你更容易维护、修改以前编写过的CSS代码,进而提高自己的工作效率,而且还能加强搜索引擎的SEO优化,方便记忆,那么,我们如何才能将CSS的命名做得井井有条呢?
    1、CSS文件及样式命名
    首先,马海祥先为大家展示一些CSS文件及样式的命名样例,因为这些名称能使大家立马明白定义的文件,具体如下所示:
    (1)、CSS文件命名规范
    全局样式:global.css
    框架布局:layout.css
    字体样式:font.css
    链接样式:link.css
    打印样式:print.css
    主要的:master.css
    专栏:columns.css
    主题:themes.css
    (2)、CSS样式命名规范
    对于CSS样式的命名规则,马海祥建议用字母、_号工、-号、数字组成,必须以字母开头,不能为纯数字,为了开发后样式名管理方便,大家请用有意义的单词或缩写组合来命名,让同事一看就明白这样式大概是哪一块的,这样就节省了查找样式的时间。
    例如:头部样式用header,头部左边,可以用header_left或header_l,还有如果是列结构的可以这样——box_1of3 (三列中的第一列),box_2of3 (三列中的第二列)、box_3of3 (三列中的第三列),其它的我就不一一举例了,大家按以上规律去命名就好。
    下面列出一些常用的命名单词方便大家使用(以后大家工作过程中慢慢把自己积累的单词都共享出来,那大家的命就会更加统一了,就不会有一义多词的情况了):
    容器:container/box
    头部:header
    主导航:mainNav
    子导航:subNav
    顶导航:topNav
    边导航:sidebar
    左导航:leftsideBar
    右导航:rightsideBar
    网站标志:logo
    大广告:banner
    页面中部:mainBody
    整个页面:content
    底部:footer
    菜单:menu
    菜单内容:menuContent
    子菜单:subMenu
    子菜单内容:subMenuContent
    搜索:search
    搜索关键字:keyword
    搜索范围:range
    标签文字:tagTitle
    标签内容:tagContent
    当前标签:tagCurrent/currentTag
    标题:title
    内容:content
    列表:list
    当前位置:currentPath
    侧边栏:sidebar
    图标:icon
    注释:note
    登录:login
    注册:register
    面包屑:breadCrumb(即页面所处位置导航提示)
    列定义:column_1of3 (三列中的第一列)、column_2of3 (三列中的第二列)、column_3of3 (三列中的第三列)
    2、CSS的优先级
    行内样式(inline style) > ID选择符 > 样式(class)、伪类(pseudo-class)和属性(attribute)选择符 > 类别(type),伪对象(pseudo-element)。
    马海祥博客注解:
    *内联样式(inline style):元素的style属性,比如 <div style="color:red;"></div>,其中的color:red;就是行内样式。
    *ID选择符:元素的id属性,比如<div></div>可以用ID选择符#content
    *伪类(pseudo-class):最常见的是锚(a)伪类,比如a:link,a:visited.
    *属性选择符(attribute selectors):比如div[class=demo],含有class为demo的div元素。
    *类别选择器(type selector):HTML标签选择,比如div .demo,div元素下含有class为demo的元素。
    *伪对象选择器(pseudo-element selector):比如div:first-letter,div元素下的第一个单词。
    3、默认值
    通常padding和margin的默认值为0,background-color的默认值是transparent,但是在不同的浏览器默认值可能不同。
    如果怕有冲突,可以在样式表一开始就先定义所有元素的margin和padding值都为0,例如:
    * {
      padding:0;
      margin:0
      }
    或者是针对某元素来定义:
    ul,li,div,span {
      padding:0;
      margin:0
      }
    4、不要重复定义可继承的值
    CSS中,子元素自动继承父元素的属性值,象颜色、字体等,已经在父元素中定义过的,在子元素中可以直接继承,不需要重复定义。
    除非是为了更变当前元素样式不使用父元素的属性值,但是要注意,浏览器可能用一些默认值覆盖你的定义。
    5、CSS代码书写样式
    在写CSS代码的时候,对于缩进、断行、空格,每个人有每个人的书写习惯,在经过不断实践后,我决定采用下面这样的书写样式:
    .classname {
      width:100px;
      }
    当使用联合定义时,我通常将每个选择器单独写一行,这样方便在CSS文件中找到它们,在最后一个选择器和大括号之间加一个空格,每个定义也单独写一行,分号直接在属性值后,不要加空格。
    我习惯在每个属性值后面都加分号,虽然规则上允许最后一个属性值后面可以不写分号,但是如果你要加新样式时容易忘记补上分号而产生错误,所以还是都加比较好,最后,关闭的大括号单独写一行,这样的空格和换行有助与阅读(具体可查看马海祥博客《网站CSS代码优化的7个原则》的相关介绍)。
    6、使用css缩写
    使用缩写可以帮助减少你CSS文件的大小,更加容易阅读,常用的css缩写的主要规则有:
    (1)、颜色
    16进制的色彩值,如果每两位的值相同,可以缩写一半,例如:
    #000000可以缩写为#000;#336699可以缩写为#369;
    (2)、盒尺寸
    通常有下面四种书写方法:
    property:value1; 表示所有边都是一个值value1
    property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2
    property:value1 value2 value3; 表示top的值是value1,right和left的值是value2,bottom的值是value3
    property:value1 value2 value3 value4; 四个值依次表示top,right,bottom,left
    方便的记忆方法是顺时针,上右下左,具体应用在margin和padding的例子如下:
    margin:1em 0 2em 0.5em;
    (3)、边框(border)
    边框的属性如下:
    border-width:1px;
      border-style:solid;
      border-color:#000;
    可以缩写为一句:border:1px solid #000;
    语法是:border:width style color;
    (4)、背景(Backgrounds)
    背景的属性如下:
    background-color:#f00;
      background-image:url(background.gif);
      background-repeat:no-repeat;
      background-attachment:fixed;
      background-position:0 0;
    可以缩写为一句:background:#f00 url(background.gif) no-repeat fixed 0 0;
    语法是:background:color image repeat attachment position;
    你可以省略其中一个或多个属性值,如果省略,该属性值将用浏览器默认值,默认值为:
    color: transparent
      image: none
      repeat: repeat
      attachment: scroll
      position: 0% 0%
    (5)、字体(fonts)
    字体的属性如下:
    font-style:italic;
      font-variant:small-caps;
      font-weight:bold;
      font-size:1em;
      line-height:140%;
      font-family:"Lucida Grande",sans-serif;
    可以缩写为一句:font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif;
    马海祥博客提示:如果你缩写字体定义,至少要定义font-size和font-family两个值。
    (6)、列表(lists)
    取消默认的圆点和序号可以这样写list-style:none;
    list的属性如下:
    list-style-type:square;
      list-style-position:inside;
      list-style-image:url(image.gif);
    可以缩写为一句:list-style:square inside url(image.gif);
    7、多重CSS样式定义,属性追加重复最后优先原则
    一个标签可以同时定义多个class,也可以是同一个class中重复定义属性,例如:
    我们先定义两个样式:
    .one{width:200px;background:url(http://www.mahaixiang.cn/1.jpg) no-repeat left top;}
    .two{border:10px solid #000; background:url(http://www.mahaixiang.cn/2.jpg) no-repeat left top;}
    在页面代码中,我们可以这样调用:
    <div class="one" two></div>
    这样最终的显示效果是这个div样式是什么呢?重复的是以哪一个为准呢?
    <div class="one" two></div>应用到的样式如下:
    width:200px;
      border:10px solid #000;
      background:url(http://www.mahaixiang.cn/2.jpg) no-repeat left top;
    因为,当应用两个或多个样式时,浏览器所应用的样式根据是属性追加重复最后优先原则。
    就是说两个或多个或重复的样式名定义,浏览器所应用的样式是按先后顺序的,如果定义了重复的属性值,以最后定义的为准,如果应用了两个或多个样式名,里面不重复定义的属性值就追加上去,重复的属性值就以最后一个为准。
    这里要注意的是,样式的先后不是根据页面上应用的名字顺序,而是样式表里的样式顺序。
    8、导入(Import)和隐藏CSS
    因为老版本浏览器不支持CSS,一个通常的做法是使用@import技巧来把CSS隐藏起来,例如:
    @import url(main.css);
    然而,这个方法对IE4不起作用,这让我很是头疼了一阵子,后来我用这样的写法:
    @import main.css;
    这样就可以在IE中也隐藏CSS了,呵呵,还节省了5个字节呢!(更多的介绍可查看马海祥博客《看看那些能提高效率却容易被人忽略的CSS细节》的相关介绍)
    9、CSS hack
    有些时候,你需要对IE浏览器的bug定义一些特别的规则,这里有太多的CSS技巧(hacks),我只使用其中的两种方法,不管微软在即将发布的IE版里是否更好的支持CSS,这两种方法都是最安全的。
    (1)、注释的方法
    a、在IE中隐藏一个CSS定义,你可以使用子选择器(child selector):
    html>body p {
      }
    b、下面这个写法只有IE浏览器可以理解(对其他浏览器都隐藏)
    * html p {
      }
    c、还有些时候,你希望IE/Win有效而IE/Mac隐藏,你可以使用反斜线技巧:
    * html p {
      declarations
      }
    d、下面这个写法只有IE7浏览器可以理解(对其他浏览器都隐藏)
    *+ html p {
      }
    (2)、条件注释(conditional comments)的方法
    另外一种方法,我认为比CSS Hacks更加经得起考验就是采用微软的私有属性条件注释,用这个方法你可以给IE单独定义一些样式,而不影响主样式表的定义,就像这样:
    <!--[if IE]>
      <link rel=stylesheet/css href="http://www.mahaixiang.cn/style/ie.css" />
      <![endif]-->
    还有更多的CSS hack大家可以通过网上找找,但是有很多hack都是不符合w3c标准的,马海祥根据以上的hack写了一个能区分IE6、IE7、FF的样式,而且可以符合w3c标准,代码如下:
    .classname {width:90px!important;width:100px;}
      *+html .classname {width:95px!important;}
    这样写后在IE6下宽是100px,IE7下是95px,火狐下是90px。
    10、明确定义单位,除非值为0
    忘记定义尺寸的单位是CSS新手普遍的错误,在HTML中你可以只写width=100,但是在CSS中,你必须给一个准确的单位,比如:width:100px width:100em。
    只有两个例外情况可以不定义单位:行高和0值,除此以外,其他值都必须紧跟单位,注意,不要在数值和单位之间加空格。
    11、区分大小写
    当在XHTML中使用CSS,CSS里定义的元素名称是区分大小写的,为了避免这种错误,马海祥建议大家将所有的定义名称都采用小写。
    class和id的值在HTML和XHTML中也是区分大小写的,如果你一定要大小写混合写,请仔细确认你在CSS的定义和XHTML里的标签是一致的。
    12、id和class的使用及区别
    我们知道在样式表定义一个样式的时候,可以定义id,也可以定义class,例如:
    ID方法:#test{color:#333333},在页面中调用<div>内容<div>
    CLASS方法:.test{color:#333333},在页面中调用<div class="test">内容<div>
    一般来说,id是一个页面只可以使用一次,class是可以多次引用的。
    可我在页面中用了多个相同id在IE中显示也正常,id和class好象没什么区别,用多个相同id有什么影响吗?
    页面存在多个相同的ID影响就是不能通过W3的校验,在页面显示上,目前的浏览器还都允许你犯这个错误,用多个相同ID“一般情况下”也能正常显示,但是当你需要用JavaScript通过id来控制这个div,那就会出现错误。
    id是一个标签,用于区分不同的结构和内容,就象你的名字,如果一个屋子有2个人同名,就会出现混淆。
    class是一个样式,可以套在任何结构和内容上,就象一件衣服。
    从概念上来说:id是先找到结构/内容,再给它定义样式;class是先定义好一种样式,再套给多个结构/内容。
    对此,马海祥建议大家在写XHML+CSS时如果是维一的结构定位的就用id,否则就用class吧(这样让出非结构定位的div块的id让程序员自己定义使用)!
    13、取消class和id前的元素限定
    当你写给一个元素定义class或者id,你可以省略前面的元素限定,因为ID在一个页面里是唯一的,class可以在页面中多次使用,在马海祥看来,你限定某个元素是毫无意义的,例如:
    div#id1{}可以写成#id1{}
    这样可以节省一些字节。
    14、使用子选择器(descendant selectors)
    使用子选择器是影响他们效率的原因之一,子选择器可以帮助你节约大量的class定义,我们来看下面这段代码:
    <div>
      <ul>
      <li class="subnavitem"> <a href="http://www.mahaixiang.cn/seo/#" class="subnavitem">SEO</a></li>>
      <li class="subnavitemselected"> <a href="http://www.mahaixiang.cn/seo/#" class="subnavitemselected">SEO</a> </li>
      <li class="subnavitem"> <a href="http://www.mahaixiang.cn/seo/#" class="subnavitem">SEO</a> </li>
      </ul>
      </div>
    这段代码的CSS定义是:
    div#subnav ul { }
      div#subnav ul li.subnavitem { }
      div#subnav ul li.subnavitem a.subnavitem { }
      div#subnav ul li.subnavitemselected { }
      div#subnav ul li.subnavitemselected a.subnavitemselected { }
    你可以用下面的方法替代上面的代码:
    <ul id=”subnav”>
      <li> <a href="http://www.mahaixiang.cn/seo/#">SEO</a> </li>
      <li class="sel"> <a href="http://www.mahaixiang.cn/seo/#">SEO</a> </li>
      <li> <a href="http://www.mahaixiang.cn/seo/#">SEO</a> </li>
      </ul>
    样式定义是:
    #subnav { }
      #subnav li { }
      #subnav a { }
      #subnav .sel { }
      #subnav .sel a { }
    用子选择器可以使你的代码和CSS更加简洁、更加容易阅读。
    如果一个容器里有多个同样的元素,而且这些元素样式都不一样,请避免用这个方式,马海祥建以大家可以采用不同的class如:
    <ul class=”one”><li></li></ul>
      <ul class=”tow”><li></li></ul>
    15、不需要给背景图片路径加引号
    为了节省字节,建议不要给背景图片路径加引号,因为引号不是必须的,例如:
    background-image:url(images
      margin:0 auto;
      }
    但是IE5/Win不能正确显示这个定义,我们采用一个非常有用的技巧来解决:用text-align属性,就像这样:
    body {
      text-align:center;
      }
      #wrap {
      width:760px;
      margin:0 auto;
      text-align:left;
      }
    第一个body的text-align:center;规则定义IE5/Win中body的所有元素居中(其他浏览器只是将文字居中) ,第二个text-align:left;是将#warp中的文字居左。
    16、层占据的空间
    当调试CSS发生错误,你就要像排版工人,逐行分析CSS代码,我通常在出问题的层上定义一个背景颜色,这样就能很明显看到层占据多大空间?
    有些人建议用border,一般情况也是可以的,但问题是,有时候border会增加元素的尺寸,border-top和boeder-bottom破坏纵向margin的值,所以使用background更加安全些(更多的介绍,可查看马海祥博客《资深Web前端开发工程师教你如何优化CSS框架》的文章)。
    另外一个经常出问题的属性是outline,因为outline看起来像boeder,但不会影响元素的尺寸或者位置,只有少数浏览器支持outline属性,目前,马海祥所知道的只有Safari、OmniWeb和Opera。
    展开全文
  • 一个小型项目团队(人),每个人负责多个业务,...结果经常出现CSS文件过多,或者命名统一, 或者样式重复,项目后期还要进行合并和重新命名等问题,在项目运行时很难维护。 是否有更好的方法,解决这些问题?
  • 使用vue-cli工程化开发项目时,会需要创建许多的文件如何统一命名需要遵循一定的规范 Component 所有的Component文件都是以大写开头 (PascalCase),这也是官方所推荐的。 但除了 index.vue。 例子: @/...

    使用vue-cli工程化开发项目时,会需要创建许多的文件,如何统一命名需要遵循一定的规范

    Component

    所有的Component文件都是以大写开头 (PascalCase),这也是官方所推荐的。

    但除了 index.vue

    例子:

    • @/components/BackToTop/index.vue
    • @/components/Charts/Line.vue
    • @/views/example/components/Button.vue

    JS 文件

    所有的.js文件都遵循横线连接 (kebab-case)。

    例子:

    • @/utils/open-window.js
    • @/views/svg-icons/require-icons.js
    • @/components/MarkdownEditor/default-options.js

    Views

    在views文件下,代表路由的.vue文件都使用横线连接 (kebab-case),代表路由的文件夹也是使用同样的规则。

    例子:

    • @/views/svg-icons/index.vue
    • @/views/svg-icons/require-icons.js

    使用横线连接 (kebab-case)来命名views主要是出于以下几个考虑。

    • 横线连接 (kebab-case) 也是官方推荐的命名规范之一 文档
    • views下的.vue文件代表的是一个路由,所以它需要和component进行区分(component 都是大写开头)
    • 页面的url也都是横线连接的,比如https://www.xxx.admin/export-excel,所以路由对应的view应该要保持统一
    • 没有大小写敏感问题

    参考文章:
    https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/advanced/style-guide.html

    展开全文
  • 我想要一份详细的android命名规范。我找到的大概如下: m文件中不能有public、static字段 ...如何命名layout和views? 如何命名menues? 如何命名数据库表格? 我想知道一个统一的标准这样用起来比较方便。
  • *命名空间(相当于虚拟的目录),为了让类有一个统一的文件夹来管理(可以自动加载'类'),每个文件都要有命名空间*tp如何命名空间:*TP框架下有一个初始命名空间(相当于根目录)ThinkPHP\Libray*在初始命名空间下又包含...
  • 如何使用 下载示例或: 安装依赖项 npm install 然后,打开Sketch并导航到Plugins → react-sketchapp: Design-System-Generator 在Sketch中运行 在Sketch中实时重新加载 npm run render 托多斯 将文档添加到自述...
  • 1.用户表中有 用户名,任务名称,创建时间、更新时间等字段,那表中的列名就应该采用下划线并统一小写的形式: user_name,task_name, create_time,update_time 2.对应用户表的实体就采用规范的驼峰命名法一一对应...
  • 但如果一个解决方案包含20+的项目,每个项目中又包含100+的类文件,现在需要统一修改命名空间中的某个单词或词组,要如何解决? 如果要快速实现这个功能,就必须依赖第三方插件,我推荐使用Resharper这款重构利器...
  • 但如果一个解决方案包含20+的项目,每个项目中又包含100+的类文件,现在需要统一修改命名空间中的某个单词或词组,要如何解决? 如果要快速实现这个功能,就必须依赖第三方插件,我推荐使用Resharper这款重构利器: ...
  • 扫描的图片如何转换成一个PDF文件

    万次阅读 2016-07-06 11:45:40
    在扫描一些文件资料的时候会生成很多的图片,在整理这些图片时... 首先尽量将每张图片调整成统一尺寸,并按照顺序为图片命名,方便后面的操作。  然后打开文件转换工具,在其他文件转pdf中选择“图片转PDF”选项。
  • 我有一个定时备份的程序,在我的C盘根目录下每天生成一个文件文件命名统一为:ABCD20160401QQQ.val,ABCD20160402WEQ.val,ABCD20160403EWG.val,ABCD20160404QPQ.val,就是说可以从日期看出是哪天的备份文件。...
  • 文件夹的命名, 可以用单数, 也可以用复数, 在同一个项目中, 只要统一就好了. 毕竟项目开发不同于英语写作. 建议使用缩写, 不管是不是缩写都用单数, 这样简洁,容易一致. 关于模板中的 常量替换? 配置文件名, 函数名...
  • 在前面章节有童鞋提到过 ... IResource 接口 位于Spring.Core.IO 命名空间下,它能够使用统一的方式描述和访问不同类型的资源。通过该接口可以使用类似多态,与协议无关的方式来处理文件和URI资源。IResource 接...
  • 改造老项目,须要加一个aop来拦截所的web Controller请求做一些处理,由于老项目比较多,且包的命名也不统一,又不想每个项目都copy一份相同的代码,这样会导致后以后升级很麻烦,不利于维护。于是我们想做成一个...
  • 为避免混淆,此处将两台电脑命名为“电脑A”和“电脑B”,二者之间关系是——需要将电脑A中的文件传到电脑B中 且本教程主要针对Windows10家庭中文版,理论上兼容专业版,专业版只是在某些步骤上更方便 准备 连接...
  • 一、命名空间的引入 C++中,名称(name)可以是符号常量、变量、宏、函数、结构体、枚举、类和对象等等。而在大型工程中,难免会有重名的现象,命名...同一个C文件中的全局变量/函数加一个统一的前缀 通过作用域的掩蔽...
  • 目录命名空间的引入namespace的初级定义和使用1、同一文件内定义和使用命名空间2、不同C文件间定义和使用命名空间3、默认命名空间4、匿名命名空间的定义和使用5、嵌套命名空间的定义和使用 命名空间的引入 1、...
  • 桌面条目文件规范

    2019-09-18 00:33:49
    KDE和GNOME桌面环境都采用了类似的”桌面条目”格式,或描述特定程序如何启动的配置文件,它在菜单中的显示方式等。统一标准对更大的社区有利。 所有各方都同意这样做,即两个环境之间的互操作,以及实现规范的任何...
  • 现在来学习如何将图片集写成视频文件吧。 先将图片集统一命名,然后tong
  • 文章目录一、GlusterFS简介二、GlusterFS特点三、GlusterFS术语四、...全局统一命名空间 弹性卷管理 基于标准协议 三、GlusterFS术语 1、Brick(块存储服务器)实际存储用户数据的服务器 2、Volume本地文件系统
  • 冰沙板2 Smoothieboard v2和扩展板的硬件文件 ##上载木板 上载木板时,应提供以下数据: ...请尝试使用与其他开发板相同的命名约定,以便在存储库中保持某种统一性。 ##规格 可以在找到该项目的规格
  • 3DMAX模型导出到Unity之中如何确保材质不丢失 解决方法 3dsMax中模型和贴图采用统一命名,贴图文件拷贝到Unity项目中,然后再导入fbx,就会为自动创建的材质找到对应贴图了。 ...
  • 此篇幅主要介绍、我们是如何做样式的统一管理,如有不足和建议请留言,在此感谢,项目目前阶段还处在少年,一直在迭代,CSS 预处理器的选择Less 样式目录结构如图 根据命名应该可以了解到每个文件对应的内容 ...
  • 无论是个人知识管理还是团队业务协作,统一文件命名是有效工作的唯一途径。因此,建立有序的文件管理系统是非常必要的。如果你只有个位数的文件,那桌面就是一个很好的存放地点;如果你有两位数的文件,建立单层级的...

空空如也

空空如也

1 2 3 4 5 ... 12
收藏数 235
精华内容 94
关键字:

如何统一命名文件