导语:从2016年3月份开始接触页面重构工作,重构负责将设计师提供的psd视觉稿转化成静态页面,主要使用的技术是HTML、CSS。可以说是一项重复的造轮子工作,要想工作效率高,就要轮子造的好!
貌似跑题了~,其实今天想说的是,我在开始一个项目之前的一些准备工作。俗话说,“磨刀不误砍柴工”,那么对一个项目的目录规划,就相当于这个“磨刀”,好的目录规范化能更好的可维护性,让程序具有更高的可读性。
开发同学在规划目录时,通常会分一个文件目录给到重构,我们就以它为父文件目录,开始细分下面的子目录。
这是我在项目开始之前,做的一个目录规划,简要的解释一下。
|- src/ --------------------- 开发给你的属于重构同学的静态文件目录
|- demo/ --------------- 一个项目的html静态页面,肯定是很多的,少则十几多则上百。所以我单独的将html页面用一个子目录来放。
|- page 放各个模块的页面
|- widget 放各个公共业务模块的页面
|- 后台wegameUI组件库html集(如没有引入组件,可忽略)
|- theme/ ---------- 里面用来放css,js,img
|- css 放各个模块的css样式
|- iconfont icon字体文件
|- js js存放目录
|- images js存放目录