購(gòu)物車是大家非常熟悉的，當(dāng)我們?cè)诰W(wǎng)上使用某寶或某東進(jìn)行購(gòu)物時(shí)，看中了某種商品，就點(diǎn)擊加入購(gòu)物車，然後在購(gòu)物車中進(jìn)行結(jié)算。

購(gòu)物車這項(xiàng)功能，方便消費(fèi)者對(duì)商品進(jìn)行管理，可以新增商品，刪除商品。

選取購(gòu)物車中的某一項(xiàng)或幾項(xiàng)商品，最後商品總價(jià)也會(huì)隨著消費(fèi)者的營(yíng)運(yùn)隨時(shí)變動(dòng)。

大致流程如下：

本教程，我們對(duì)購(gòu)物車進(jìn)行簡(jiǎn)單實(shí)現(xiàn)，使用了JavaScript中BOM操作，DOM操作，表格操作，cookie ，json等知識(shí)點(diǎn)。 同時(shí)，採(cǎi)用三層架構(gòu)方式對(duì)購(gòu)物車進(jìn)行設(shè)計(jì)，對(duì)javascript的綜合應(yīng)用較強(qiáng)，對(duì)javascript初學(xué)者進(jìn)階有一定的益處。?

學(xué)習(xí)本教學(xué)需要您了解html,css,javascript知識(shí)。

下面我們就開(kāi)始學(xué)習(xí)吧。