zoukankan      html  css  js  c++  java
  • vue 项目中命名方法

    命名

    命名的方法通常有以下几类:

    • 命名法说明
    • 1).camel命名法,形如thisIsAnApple
    • 2).pascal命名法,形如ThisIsAnApple
    • 3).下划线命名法,形如this_is_an_apple ·
    • 4).中划线命名法,形如this-is-an-apple

    说明: 所有的名称,包括文件名都作为大小写敏感来处理

    JS

    根据不同类型的内容,必须严格采用如下的命名法:

    • .变量名:必须使用camel命名法
    • .参数名:必须使用camel命名法
    • .函数名:必须使用camel命名法
    • .方法/属性:必须使用camel命名法
    • .私有(保护)成员:必须以下划线_开头
    • .常量名:必须使用全部大写的下划线命名法,如IS_DEBUG_ENABLED
    • .类名:必须使用pascal命名法
    • .枚举名:必须使用pascal命名法
    • .枚举的属性:必须使用全部大写的下划线命名法
    • .命名空间:必须使用camel命名法
    • .语义:命名同时还需要关注语义,如:
      • 变量名应当使用名词
      • boolean类型的应当使用is、has等起头,表示其类型
      • 函数名应当用动宾短语
      • 类名应当用名词

    Vue 项目中的命名

    • Store 中的Module 使用 camel 命名
    • Store 中的Mutation 使用 全部大写的下划线命名法
    • Store 中的state/getters/action 使用 camel 命名
    • 组件必须使用pascal命名法,
    • 引用组件时禁止使用别名,模板内组件标签名遵循html 标签命名规范,或者使用组件名
    • 组件名必须避免使用Vue保留标签名(包括HTML标签和Vue内部标签)
    • 组件文件和组件使用相同的名字
    • 前端路由路径使用全小写命名法

    HTML

    • html 文件名必须使用小写字母
    • 标签名必须使用小写字母
    • 属性名必须使用小写字母
    • 以上名称有多个单词情况下使用中划线分割
    • 属性值必须用双引号包围

    CSS

    • css 文件名必须使用小写字母
    • 选择器必须单词全字母小写,多个单词情况下使用中划线分割
    • class选择器必须代表相应模块或部件的内容或功能,不得以样式信息进行命名
    • id 选择器必须保证页面唯一
    • 同一页面,应避免使用相同的 name 与 id
  • 相关阅读:
    iOS"伪后台"机制下如何保持APP一直运行在后台(转)(实践通过)
    weak和strong
    iOS webview 清除缓存
    iOS隐藏状态栏
    IOS 在一个应用里打开另一个应用 及其 两个应用互相调用
    ios 检查ios设备是否安装了qq,微信等应用
    【干货篇】步步为营,带你轻松掌握jQuery!
    【化繁为简】非前端开发者的福音---CSS的预处理语言 Less&Sass
    JS中有关分支结构、循环结构以及函数应用的一些简单练习
    万物皆对象的JavaScript
  • 原文地址:https://www.cnblogs.com/xkloveme/p/7743091.html
Copyright © 2011-2022 走看看