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 ...
随机推荐
- 理解OAuth2.0认证
一.什么是OAuth协议 OAuth 协议为用户资源的授权提供了一个安全的.开放而又简易的标准.与以往的授权方式不同之处是 OAuth的授权不会使第三方触及到用户的帐号信息(如用户名与密码),即第三方 ...
- php替换文件指定行的内容
//第一种 利用file 函数 读取文件,每一行都是一个数组元素 $arr = file($file); $arr[$line] = "hello"; file_put_conte ...
- JXL组件生成报表报错(一)
JXL组件生成报表 1.具体报错如下 usage: java org.apache.catalina.startup.Catalina [ -config {pathname} ] [ -nonami ...
- 芝麻HTTP:PhantomJS的安装
PhantomJS是一个无界面的.可脚本编程的WebKit浏览器引擎,它原生支持多种Web标准:DOM操作.CSS选择器.JSON.Canvas以及SVG. Selenium支持PhantomJS,这 ...
- Ajax跨域解决实例
HTML 在本例中我们跨域http://www.sucaihuo.com/jquery/demo/43/jsonp.php?callback=.你也可以试试其他域名.下面表单中,我们提交后的结果反馈到 ...
- Hibernate【查询、连接池、逆向工程】
前言 在Hibernate的第二篇中只是简单地说了Hibernate的几种查询方式....到目前为止,我们都是使用一些简单的主键查询阿...使用HQL查询所有的数据....本博文主要讲解Hiberna ...
- freemarker自定义标签(二十一)
一,讲解一 1.自定义标签说明 宏变量存储模板片段可以被用作自定义指令macro 2.示例说明 <html> <head> <meta http-equiv=" ...
- Shell 的特殊变量
2017-08-02 1.$0 获取当前脚本的名称或全路径 cat name.sh Linux shell sh name.sh echo $0 name.sh 2.$n(n >=1) 获取脚本 ...
- 【BZOJ3143】游走(高斯消元,数学期望)
[BZOJ3143]游走(高斯消元,数学期望) 题面 BZOJ 题解 首先,概率不会直接算... 所以来一个逼近法算概率 这样就可以求出每一条边的概率 随着走的步数的增多,答案越接近 (我卡到\(50 ...
- 【NOIP2014】【洛谷1941】【CJOJ1672】飞扬的小鸟
题面 描述 Flappy Bird 是一款风靡一时的休闲手机游戏.玩家需要不断控制点击手机屏幕的频率来调节小鸟的飞行高度,让小鸟顺利通过画面右方的管道缝隙.如果小鸟一不小心撞到了水管或者掉在地上的话, ...