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 ...
随机推荐
- Minikube之Win10单机部署
Kubernetes(k8s)是自动化容器操作的开源平台,基于这个平台,你可以进行容器部署,资源调度和集群扩容等操作.如果你曾经用过Docker部署容器,那么可以将Docker看成Kubernetes ...
- 关键字final的用法
final关键字可以用来修饰类.方法和变量. 1.final修饰的类不能被继承. 2.final修饰的方法不能被重写. 3.final修饰的变量是常量,不能修改其值.
- Redis笔记1-redis的搭建和使用
1. Redis的安装 1.1. Redis的安装 Redis是c语言开发的. 安装redis需要c语言的编译环境.如果没有gcc需要在线安装.yum install gcc-c++ 安装步骤: ...
- mysql修改记录
增加一列:alter table bf_agt_dep_acct_sap_sub add column cust_age varchar(10) not null; 改变属性:alter table ...
- mysql:联合查询
SELECT t1.name, t2.salary FROM employee AS t1 INNER JOIN info AS t2 ON t1.name = t2.name; 可以对数据表使用别 ...
- HighGUI图形图像界面初步—— 图像的载入、显示与输出
HighGUI模块为高层GUI图形用户界面模块,包含媒体的输入输出.视频捕捉.图像和视频的编解码.图形交互界面的接口等. 在本章中,我们将学到: 图像的载入.显示和输出到文件的详细分析 滑动条的创建和 ...
- android DecorView深入理解
开发中,通常都是在onCreate()中调用setContentView(R.layout.custom_layout)来实现想要的页面布局.页面都是依附在窗口之上的,而DecorView即是窗口最顶 ...
- FusionCharts ID重复
1.今天在做项目时,有关FusionCharts柱状图的,调试的过程中,我发现IE浏览器出现FusionCharts ID重复. 具体的消息如下: 消息:#25081843:IECompatibili ...
- VxWorks嵌入式系统几种常用的延时方法
1 taskDelay taskDelay(n)使调用该函数的任务延时n个tick(内核时钟周期).该任务在指定的时间内主动放弃CPU,除了taskDelay(0)专用 于任务调度(将CPU交 ...
- 配置JBoss环境变量
配置JBoss环境变量 1.单击"计算机"右键,选中"属性" 2.找到"高级系统设置",并且单击,会弹出一个窗口 3.选择"高级- ...