模塊化開發

什么叫模塊化開發？
所謂的模塊化開發就是將一個項目按照功能劃分
一個功能一個模塊
為什么要用模塊化開發？
模塊化具有可重復使用、更換方便等優點

1.文件夾分類

大家都知道，網站是由多個網頁組成的，所以一個好的分類決定了你網站的“靈活性”

（注：文件夾命名可以自己個性命名，我這里只是給你推薦一個“高端且專業”的命名）

步入正題：

項目文件夾——shoping

樣式類圖片文件夾——imges ”(這一個文件夾主要放一些不經常更換的圖片)“

樣式文件夾——css ”(讓你的代碼頁面更加簡潔，更加方便以及靈活)“

產品類文件夾——upload

字體類文件夾——fonts

腳本文件夾——js

2.所需創建的文件

我們主要文件為:

xx.html

xx.css

xx.js

后綴名分別為 .html 、.css 、.js
html——主要是進行編寫一個網頁的結構
css——主要是進行把一個網頁美化
js——主要是進行一些網頁與后臺的交互性

首頁 —— index.html

CSS初始化樣式文件 —— base.css

CSS公共樣式文件 —— common.css
common.css公共樣式中包含頁面字體顏色，版心寬度，清除浮動等公共樣式

文章內容參考自bilibili up主 pink老師 ，我不是專業人士，如有問題可以提出
問題中成長才能成長的更快

總結

以上是生活随笔為你收集整理的做一个H5项目的准备工作-1的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。