商城小程序的出現(xiàn)，許多網(wǎng)站能夠用簡單、專注行業(yè)APP軟件開發(fā)，主要經(jīng)營業(yè)務(wù)包括APP定制開發(fā)、網(wǎng)站定制開發(fā)、小程序定制開發(fā)、行業(yè)軟件開發(fā)、為企業(yè)打造屬于自己平臺(tái)的開發(fā)解決，勵(lì)志為企業(yè)品牌打造和**、以及開發(fā)，區(qū)塊和數(shù)字化，信息化軟件系統(tǒng)等，為客戶提供一站式解決方案和完整的營銷解決方案。的小程序商城源碼(如音頻、、地理位置等)取代JaScript插件和代碼。集“軟件、營銷、服務(wù)和運(yùn)營”為一體的國家高新技術(shù)企業(yè)。專注行業(yè)APP軟件開發(fā)，主要經(jīng)營業(yè)務(wù)包括APP定制開發(fā)、網(wǎng)站定制開發(fā)、專注行業(yè)APP軟件開發(fā)，主要經(jīng)營業(yè)務(wù)包括APP定制開發(fā)、網(wǎng)站定制開發(fā)、公司經(jīng)過幾年的發(fā)展已經(jīng)有200+專業(yè)技術(shù)人員與運(yùn)用人員，辦公面積達(dá)5k面積。商城小程序標(biāo)簽使開發(fā)人員的工作更容易，同時(shí)**了頁面加載時(shí)間和站點(diǎn)性能。特別是小程序商城網(wǎng)絡(luò)存儲(chǔ)，因?yàn)樗试S用戶的瀏覽器在不使用服務(wù)器的情況下存儲(chǔ)用戶數(shù)據(jù)。
   商城小程序源碼主要使用PHP等服務(wù)器端語言來存儲(chǔ)用戶數(shù)據(jù)并將其從一個(gè)頁面?zhèn)鬟f到另一個(gè)頁面。使用JaScript后端框架，如Node.js，我們可以達(dá)到同樣的目標(biāo)。然而，在本教程中，我們將逐步向您展示如何使用HTML5和一些小JaScript代碼構(gòu)建一個(gè)購物車。本教程中技術(shù)的其他用途還包括在網(wǎng)站和原生移動(dòng)應(yīng)用上存儲(chǔ)用戶項(xiàng)、用戶*喜歡的內(nèi)容、愿望列表和用戶設(shè)置(如名稱和)，而無需使用數(shù)據(jù)庫。

   許多高**小程商城序依賴復(fù)雜的技術(shù)，如服務(wù)器集群、DNS負(fù)載平衡器、客戶端和服務(wù)器端緩存、分布式數(shù)據(jù)庫和微服務(wù)來優(yōu)化性能和可用性。實(shí)際上，動(dòng)態(tài)網(wǎng)站的主要挑戰(zhàn)是從數(shù)據(jù)庫中獲取數(shù)據(jù)，并使用服務(wù)器端語言(如PHP)來處理它們。但是，遠(yuǎn)程數(shù)據(jù)庫存儲(chǔ)應(yīng)該只用于必要的網(wǎng)站內(nèi)容，如文章和用戶憑證。類似于cookie，用戶項(xiàng)等功能可以存儲(chǔ)在用戶的瀏覽器中。同樣,當(dāng)您構(gòu)建一個(gè)本地移動(dòng)應(yīng)用程序,您可以使用商城小程序web存儲(chǔ)與本地?cái)?shù)據(jù)庫來**應(yīng)用程序的速度。因此,作為前端開發(fā)人員,我們需要探索的方式我們可以利用小程序商城源碼存儲(chǔ)的力量在我們的應(yīng)用程序在開發(fā)的早期階段。

   我曾經(jīng)是一個(gè)開發(fā)大型社交網(wǎng)站的團(tuán)隊(duì)的一員，我們大量使用小程序網(wǎng)絡(luò)存儲(chǔ)。例如，當(dāng)用戶登錄時(shí)，我們將散列后的用戶ID存儲(chǔ)在小程序會(huì)話中，并使用它在受保護(hù)的頁面上對用戶進(jìn)行身份驗(yàn)證。我們還使用這個(gè)功能來存儲(chǔ)所有新的推送通知——比如新的聊天消息、網(wǎng)站消息和新的提要——并將它們從一個(gè)頁面?zhèn)鬟f到另一個(gè)頁面。當(dāng)一個(gè)社交網(wǎng)站獲得高**時(shí)，完全依賴服務(wù)器來進(jìn)行負(fù)載平衡可能不起作用，所以你必須識別用戶的瀏覽器可以處理的任務(wù)和數(shù)據(jù)，而不是你的服務(wù)器。

    項(xiàng)目背景#
   購物車允許網(wǎng)站訪問者查看產(chǎn)品頁面并將商品添加到購物車中。訪問者可以查看他們所有的條目并更新他們的購物車(例如添加或刪除條目)。為了實(shí)現(xiàn)這一點(diǎn)，網(wǎng)站需要存儲(chǔ)訪問者的數(shù)據(jù)，并將它們從一個(gè)頁面?zhèn)鬟f到另一個(gè)頁面，直到訪問者進(jìn)入結(jié)帳頁面并進(jìn)行購買。存儲(chǔ)數(shù)據(jù)可以通過服務(wù)器端語言或客戶端語言來完成。使用服務(wù)器端語言，服務(wù)器承擔(dān)數(shù)據(jù)存儲(chǔ)的重量，而使用客戶端語言，訪問者的計(jì)算機(jī)(桌面、平板電腦或智能手機(jī))存儲(chǔ)和處理數(shù)據(jù)。每種方法都有其優(yōu)缺點(diǎn)。在本教程中，我們將重點(diǎn)介紹一種簡單的基于HTML5和JaScript的客戶端方法。

    注:為了能夠遵循本教程，HTML5,CSS和JaScript的基本知識是必需的。
    商城小程序存儲(chǔ)概述#
   商城小程序web存儲(chǔ)允許web應(yīng)用程序在瀏覽器本地存儲(chǔ)能夠在瀏覽器會(huì)話中存活的值，就像cookie一樣。不像cookies需要在每次HTTP請求時(shí)發(fā)送，web存儲(chǔ)數(shù)據(jù)從來不會(huì)傳輸?shù)椒?wù)器;因此，web存儲(chǔ)在web性能上優(yōu)于cookie。此外，cookie允許每個(gè)域只存儲(chǔ)4kb的數(shù)據(jù)，而web存儲(chǔ)每個(gè)域至少允許5mb的數(shù)據(jù)。商城小程序存儲(chǔ)就像一個(gè)簡單的數(shù)組，將鍵映射到值，它們有兩種類型:
   會(huì)話存儲(chǔ)將數(shù)據(jù)存儲(chǔ)在一個(gè)瀏覽器會(huì)話中，直到瀏覽器或?yàn)g覽器選項(xiàng)卡關(guān)閉時(shí)數(shù)據(jù)才可用。從同一窗口打開的彈出窗口可以看到會(huì)話存儲(chǔ)，同樣可以在同一窗口內(nèi)的iframes。但是，來自同一來源(URL)的多個(gè)窗口不能看到彼此的會(huì)話存儲(chǔ)。
   本地存儲(chǔ)將數(shù)據(jù)存儲(chǔ)在瀏覽器中，沒有過期時(shí)間。這些數(shù)據(jù)對具有相同來源(域)的所有窗口都可用，甚至在瀏覽器或?yàn)g覽器選項(xiàng)卡重新打開或關(guān)閉時(shí)也是如此。
   目前所有主要的web瀏覽器都支持這兩種存儲(chǔ)類型。請記住，不能將存儲(chǔ)數(shù)據(jù)從一個(gè)瀏覽器傳遞到另一個(gè)瀏覽器，即使兩個(gè)瀏覽器都在訪問相同的域。
    建立一個(gè)基本的購物車#
   為了構(gòu)建購物車，我們首先創(chuàng)建一個(gè)小程序頁面，其中包含一個(gè)簡單的購物車來顯示商品，以及一個(gè)簡單的表單來添加或編輯購物車。然后，我們添加HTMLweb存儲(chǔ)到它，然后是JaScript編碼。盡管我們使用的是HTML5本地存儲(chǔ)標(biāo)記，但所有步驟都與HTML5會(huì)話存儲(chǔ)相同，可以應(yīng)用于HTML5會(huì)話存儲(chǔ)標(biāo)記。*后，我們將為那些對使用jQuery感興趣的人介紹一些jQuery代碼，作為JaScript代碼的替代。