做一个H5项目的准备工作-1

模块化开发

什么叫模块化开发？
所谓的模块化开发就是将一个项目按照功能划分
一个功能一个模块
为什么要用模块化开发？
模块化具有可重复使用、更换方便等优点

1.文件夹分类

大家都知道，网站是由多个网页组成的，所以一个好的分类决定了你网站的“灵活性”

（注：文件夹命名可以自己个性命名，我这里只是给你推荐一个“高端且专业”的命名）

步入正题：

1. 项目文件夹——shoping
2. 样式类图片文件夹——imges ”(这一个文件夹主要放一些不经常更换的图片)“
3. 样式文件夹——css ”(让你的代码页面更加简洁，更加方便以及灵活)“
4. 产品类文件夹——upload
5. 字体类文件夹——fonts
6. 脚本文件夹——js

2.所需创建的文件

我们主要文件为:

1. xx.html
2. xx.css
3. xx.js

后缀名分别为 .html 、.css 、.js
html——主要是进行编写一个网页的结构
css——主要是进行把一个网页美化
js——主要是进行一些网页与后台的交互性

1. 首页 —— index.html
2. CSS初始化样式文件 —— base.css
3. CSS公共样式文件 —— common.css
   common.css公共样式中包含页面字体颜色，版心宽度，清除浮动等公共样式

文章内容参考自bilibili up主 pink老师 ，我不是专业人士，如有问题可以提出
问题中成长才能成长的更快