项目结构:

├── 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. Minikube之Win10单机部署

    Kubernetes(k8s)是自动化容器操作的开源平台,基于这个平台,你可以进行容器部署,资源调度和集群扩容等操作.如果你曾经用过Docker部署容器,那么可以将Docker看成Kubernetes ...

  2. 关键字final的用法

    final关键字可以用来修饰类.方法和变量. 1.final修饰的类不能被继承. 2.final修饰的方法不能被重写. 3.final修饰的变量是常量,不能修改其值.

  3. Redis笔记1-redis的搭建和使用

    1.   Redis的安装 1.1. Redis的安装 Redis是c语言开发的. 安装redis需要c语言的编译环境.如果没有gcc需要在线安装.yum install gcc-c++ 安装步骤: ...

  4. mysql修改记录

    增加一列:alter table bf_agt_dep_acct_sap_sub add column cust_age varchar(10) not null; 改变属性:alter table ...

  5. mysql:联合查询

    SELECT t1.name, t2.salary  FROM employee AS t1 INNER JOIN info AS t2 ON t1.name = t2.name; 可以对数据表使用别 ...

  6. HighGUI图形图像界面初步—— 图像的载入、显示与输出

    HighGUI模块为高层GUI图形用户界面模块,包含媒体的输入输出.视频捕捉.图像和视频的编解码.图形交互界面的接口等. 在本章中,我们将学到: 图像的载入.显示和输出到文件的详细分析 滑动条的创建和 ...

  7. android DecorView深入理解

    开发中,通常都是在onCreate()中调用setContentView(R.layout.custom_layout)来实现想要的页面布局.页面都是依附在窗口之上的,而DecorView即是窗口最顶 ...

  8. FusionCharts ID重复

    1.今天在做项目时,有关FusionCharts柱状图的,调试的过程中,我发现IE浏览器出现FusionCharts ID重复. 具体的消息如下: 消息:#25081843:IECompatibili ...

  9. VxWorks嵌入式系统几种常用的延时方法

    1 taskDelay     taskDelay(n)使调用该函数的任务延时n个tick(内核时钟周期).该任务在指定的时间内主动放弃CPU,除了taskDelay(0)专用 于任务调度(将CPU交 ...

  10. 配置JBoss环境变量

    配置JBoss环境变量 1.单击"计算机"右键,选中"属性" 2.找到"高级系统设置",并且单击,会弹出一个窗口 3.选择"高级- ...