web SPA项目目录、命名规范
项目结构:
├── 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项目目录、命名规范的更多相关文章
- iOS项目的命名规范
一.关于本文档1.本文档的书写目的 <iOS项目的命名规范>的书写目的,在于让后续参加到该项目的iOS开发人员通过阅读该文档,了解在当前iOS项目的代码中的命名要求并严格按照本文档执 ...
- SSH框架项目开发命名规范
SSH 框架项目开发命名规范 一.各层包及类命名规范 总体原则:包名所有字母小写,类名采用 "驼峰标识",具体如下: 1. Action 类 包命名规范:co ...
- web前端开发CSS命名规范参考
做为一个web前端工程师,每天接触HTML.css就像吃饭一样,但是作为一名合作.优秀的web前端工程师,对DIV+CSS命名还是有一定的规范的,本文整理了一份web前端开发中DIV+CSS各种命名规 ...
- Javaweb项目的命名规范
项目名称:一般是英文 包名:公司域名的倒写,例如com.baidu 数据访问层:dao,persist,mapper 实体:entity,model,bean,javabean,pojo 业务逻辑:s ...
- nodejs项目目录结构规范
参考: https://github.com/jifeng/node-app dispatch.js 主进程文件 worker.js 工作进程 app.js 应用 routes.js url路由表 p ...
- Ops:命名规范
前言 好的命名规范见名知义,可以极大的提高工作效率,对于运维工作的标准化至关重要,这里,分享本DevOps小组内讨论的命名规范,希望有参考意义,如果小伙伴们有好的建议或补充,欢迎留言. 1. ansi ...
- [旧][Android] 命名规范和编码规范
备注 原发表于2016.05.07,资料已过时,仅作备份,谨慎参考 前言 本文适用范围:已参加项目开发的人 写这篇文章的目的是为方便地对代码进行管理,让整个团队的代码规范化.这里的部分规定可能和你在其 ...
- web前端开发_文件/目录/样式/函数等命名规范
页面的命名规则 统一用翻译的英文命名(推荐) 统一用拼音命名(拼音的简化也可) 如果文件名过长,企业要提前约定一份缩写的规范,如pro—product 例如: 首页—index 产品列表—prolis ...
- 要想成为前端大神,那些你不得不知晓的web前端命名规范。
一.Web语义化 1.1 H5的语义化 对于经验资深的前端er,在给web布局时,相信都会很注重标签和命名的规范.尤其是随着html5的普及发展,更是把web前端语义化推向一个新的台阶上.比如html ...
随机推荐
- 关于服务器的CPU的几个概念学习总结
物理CPU 物理CPU: 物理CPU是指插在主板上面的CPU芯片.即指在主板上肉眼能看到的CPU的个数.一般而言,个人台式机或笔记本上只会有一个物理CPU芯片.而服务器主板上往往有多个物理CPU. L ...
- 规模数据导入高效方式︱将数据快速读入R—readr和readxl包
本文由雪晴数据网负责翻译整理,原文请参考New packages for reading data into R - fast作者David Smith.转载请注明原文链接http://www.xue ...
- hi3531芯片的标识寄存器
芯片的标识寄存器 0xee0.0xee4.0xee8.0xeec(基址是0x2005_0000) 系统控制器提供了芯片标识(ID)寄存器SC_SYSID.这个标识寄存器是一个概念上 的32bit 的标 ...
- EDKII Build Process:EDKII项目源码的配置、编译流程[三]
<EDKII Build Process:EDKII项目源码的配置.编译流程[3]>博文目录: 3. EDKII Build Process(EDKII项目源码的配置.编译流程) -> ...
- Java类型转化报错
Java类型转化报错 报错如下: java.lang.ClassCastException:java.util.HashMap cannot be cast to java.util.List.
- linux内核升级(ubuntu12.04从3.13.0升级到3.4.0 )
花了一天的时间,终于把ubuntu12.04 的linux内核版本从3.13.0升级到3.4.0 升级后,系统更加稳定.具体步骤:# wget http://www.kernel.org/pub/li ...
- Android线程间通信机制——深入理解 Looper、Handler、Message
在Android中,经常使用Handler来实现线程间通信,必然要理解Looper , Handler , Message和MessageQueue的使用和原理,下面说一下Looper , Handl ...
- JDBC异常之数据库表不存在
JDBC异常之数据库表不存在 1.具体错误如下: com.mysql.jdbc.exceptions.jdbc4.MySQLSyntaxErrorException:Table 'YHD.t_yhd_ ...
- OTG驱动分析(一)
前一段时间弄了2个礼拜的OTG驱动调试,感觉精神疲惫啊.主要原因还是自己对OTG功能不了解造成的.现在终于完成但是对实质原理还有些模糊.所以自己重新总结一下.因为自己是菜鸟,所以用菜鸟的白话方式分析. ...
- 事件驱动的Java框架
事件驱动的三个要素: 事件源:能够接收外部事件的源体. 侦听器:能够接收事件源通知的对象. 事件处理程序:用于处理事件的对象.