https://github.com/huruji/HopeLibrarySystemUE

厚朴工作室图书设备管理系统前端界面
https://github.com/huruji/HopeLibrarySystemUE

compass frentend gulp hope hopestudio sass

Last synced: about 1 month ago
JSON representation

厚朴工作室图书设备管理系统前端界面

• Host: GitHub
• URL: https://github.com/huruji/HopeLibrarySystemUE
• Owner: huruji
• Created: 2017-01-11T05:05:04.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2017-04-07T06:59:54.000Z (over 7 years ago)
• Last Synced: 2024-08-03T09:11:23.825Z (4 months ago)
• Topics: compass, frentend, gulp, hope, hopestudio, sass
• Language: JavaScript
• Size: 31.6 MB
• Stars: 12
• Watchers: 4
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-github-star - HopeLibrarySystemUE

README

        
# HopeLibrarySystemUE

厚朴工作室图书设备管理系统前端界面

##命名规范

1、文件夹、文件名、class、id的命令一律采用中划线-连接

2、class命名中拥有层级关系时，应该将相应的所有父级命名一律放置在前，以便代码维护时能迅速分辨出相应的层级关系，如.header的下一级.header-right,再下一级为.header-right-aside

3、给js使用的id和class以js-为前缀

4、html中自定义的属性一律以data-为前缀

##整个前端项目目录结构说明：

整个项目采用gulp自动化构建，dist为输出文件夹，src为相应的开发文件夹

####src文件目录结构说明

src文件夹下的html、css、img、js文件夹分别用于存放相应的文件，其中css是sass文件的输出文件夹

#####sass项目的构建

sass文件夹下分为base、components、helpers、layout、pages、themes文件夹，相应的功能划分如下：

base：基本的css样式，一般用于存放css reset文件

components：组件样式，将网站看成组件化，一个组件就是components的一个文件

helpers：整个项目的辅助，如整个项目的变量，整个项目mixin的设置，同时可以存放项目使用的UI库，这里就像是开发者自己积累的开发资本一样

layout：整个项目的布局样式

pages：整个项目不用页面单独存在的样式

themes：当整个项目有不同主题样式时，将切换主题时的更换的代码放置于此，同理，如果主题切换很复杂，依旧可以使用组件化的思想

main.scss：这个为主文件，将所有的scss文件结合在一起输出