项目结构:

├── build
├── docs
├── package.json
├── src
│ ├── components
│ │ ├── List
│ │ │ ├── index.js
│ │ │ └── style.less
│ │ └── Nav
│ │ ├── index.js
│ │ └── style.less
│ ├── constants
│ ├── containers
│ │ ├── List
│ │ │ ├── index.js
│ │ │ └── style.less
│ │ └── Nav
│ │ ├── index.js
│ │ └── style.less
│ ├── index.html
│ ├── index.js
│ ├── models
│ │ ├── list
│ │ │ ├── index.js
│ │ │ └── selectors.js
│ │ └── nav
│ │ ├── index.js
│ │ └── selectors.js
│ ├── routes
│ │ ├── index.js
│ │ ├── rank
│ │ │ ├── index.js
│ │ │ └── style.less
│ │ └── search
│ │ ├── index.js
│ │ └── style.less
│ ├── styles
│ │ ├── a.less
│ │ └── b.less
│ └── utils
└── test --------------------分隔符--------------------------- 组件规范:
├── README.md
├── package.json
├── src
│ ├── index.js
│ └── style.less
└── test
--------------------分隔符---------------------------

原则:

  • 英文小写
  • 简单,简洁明了
  • 短单词或单词连接(不使用驼峰式)
  • 若为react组件,需要开头大写,使用驼峰命名

参考

头:header                内容:container             		  页脚:footer
页面主体:main 侧栏:sidebar 广告:banner
栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center
登陆:login 登录条:loginbar 注册:regsiter
导航:nav 子导航:subnav 菜单:menu
顶导航:topnav 左导航:leftsidebar 右导航:rightsidebar
子菜单:submenu 搜索:search 标签页:tab
标志:logo 文章列表:list 当前的: current
热点:hot 图标: icon 按钮:btn
新闻:news 下载:download 服务:service
加入:joinus 指南:guild 投票:vote
合作伙伴:partner 友情链接:link 版权:copyright
提示信息:msg 小技巧:tips 注释:note
栏目标题:title 摘要: summary 内容:content
状态:status 功能区:shop 状态:status
 
 
 

web SPA项目目录、命名规范的更多相关文章

  1. iOS项目的命名规范

    一.关于本文档1.本文档的书写目的    <iOS项目的命名规范>的书写目的,在于让后续参加到该项目的iOS开发人员通过阅读该文档,了解在当前iOS项目的代码中的命名要求并严格按照本文档执 ...

  2. SSH框架项目开发命名规范

    SSH 框架项目开发命名规范   一.各层包及类命名规范   总体原则:包名所有字母小写,类名采用 "驼峰标识",具体如下:   1. Action 类      包命名规范:co ...

  3. web前端开发CSS命名规范参考

    做为一个web前端工程师,每天接触HTML.css就像吃饭一样,但是作为一名合作.优秀的web前端工程师,对DIV+CSS命名还是有一定的规范的,本文整理了一份web前端开发中DIV+CSS各种命名规 ...

  4. Javaweb项目的命名规范

    项目名称:一般是英文 包名:公司域名的倒写,例如com.baidu 数据访问层:dao,persist,mapper 实体:entity,model,bean,javabean,pojo 业务逻辑:s ...

  5. nodejs项目目录结构规范

    参考: https://github.com/jifeng/node-app dispatch.js 主进程文件 worker.js 工作进程 app.js 应用 routes.js url路由表 p ...

  6. Ops:命名规范

    前言 好的命名规范见名知义,可以极大的提高工作效率,对于运维工作的标准化至关重要,这里,分享本DevOps小组内讨论的命名规范,希望有参考意义,如果小伙伴们有好的建议或补充,欢迎留言. 1. ansi ...

  7. [旧][Android] 命名规范和编码规范

    备注 原发表于2016.05.07,资料已过时,仅作备份,谨慎参考 前言 本文适用范围:已参加项目开发的人 写这篇文章的目的是为方便地对代码进行管理,让整个团队的代码规范化.这里的部分规定可能和你在其 ...

  8. web前端开发_文件/目录/样式/函数等命名规范

    页面的命名规则 统一用翻译的英文命名(推荐) 统一用拼音命名(拼音的简化也可) 如果文件名过长,企业要提前约定一份缩写的规范,如pro—product 例如: 首页—index 产品列表—prolis ...

  9. 要想成为前端大神,那些你不得不知晓的web前端命名规范。

    一.Web语义化 1.1 H5的语义化 对于经验资深的前端er,在给web布局时,相信都会很注重标签和命名的规范.尤其是随着html5的普及发展,更是把web前端语义化推向一个新的台阶上.比如html ...

随机推荐

  1. 理解OAuth2.0认证

    一.什么是OAuth协议 OAuth 协议为用户资源的授权提供了一个安全的.开放而又简易的标准.与以往的授权方式不同之处是 OAuth的授权不会使第三方触及到用户的帐号信息(如用户名与密码),即第三方 ...

  2. php替换文件指定行的内容

    //第一种 利用file 函数 读取文件,每一行都是一个数组元素 $arr = file($file); $arr[$line] = "hello"; file_put_conte ...

  3. JXL组件生成报表报错(一)

    JXL组件生成报表 1.具体报错如下 usage: java org.apache.catalina.startup.Catalina [ -config {pathname} ] [ -nonami ...

  4. 芝麻HTTP:PhantomJS的安装

    PhantomJS是一个无界面的.可脚本编程的WebKit浏览器引擎,它原生支持多种Web标准:DOM操作.CSS选择器.JSON.Canvas以及SVG. Selenium支持PhantomJS,这 ...

  5. Ajax跨域解决实例

    HTML 在本例中我们跨域http://www.sucaihuo.com/jquery/demo/43/jsonp.php?callback=.你也可以试试其他域名.下面表单中,我们提交后的结果反馈到 ...

  6. Hibernate【查询、连接池、逆向工程】

    前言 在Hibernate的第二篇中只是简单地说了Hibernate的几种查询方式....到目前为止,我们都是使用一些简单的主键查询阿...使用HQL查询所有的数据....本博文主要讲解Hiberna ...

  7. freemarker自定义标签(二十一)

    一,讲解一 1.自定义标签说明 宏变量存储模板片段可以被用作自定义指令macro 2.示例说明 <html> <head> <meta http-equiv=" ...

  8. Shell 的特殊变量

    2017-08-02 1.$0 获取当前脚本的名称或全路径 cat name.sh Linux shell sh name.sh echo $0 name.sh 2.$n(n >=1) 获取脚本 ...

  9. 【BZOJ3143】游走(高斯消元,数学期望)

    [BZOJ3143]游走(高斯消元,数学期望) 题面 BZOJ 题解 首先,概率不会直接算... 所以来一个逼近法算概率 这样就可以求出每一条边的概率 随着走的步数的增多,答案越接近 (我卡到\(50 ...

  10. 【NOIP2014】【洛谷1941】【CJOJ1672】飞扬的小鸟

    题面 描述 Flappy Bird 是一款风靡一时的休闲手机游戏.玩家需要不断控制点击手机屏幕的频率来调节小鸟的飞行高度,让小鸟顺利通过画面右方的管道缝隙.如果小鸟一不小心撞到了水管或者掉在地上的话, ...