移動項目中sessionStorage的簡單使用和js拼接html頁面的相關使用；

本次項目使用的是基於JQ的js技術，頁面直接的數據傳遞採用了sessionStorage存儲，根據後臺返回的數組長度渲染頁面，採用js拼接html方式，關注點有單選框的寫法，點擊本條數據的上下拉按鈕，效果如圖：

項目最終實現效果GIF圖

1.登錄後需要存儲手機號和登錄接口返回的產品數組，存儲sessionStorage過程如下：

數組不能直接存儲進sessionStoragel裏，需要用JSON.stringfy（）方法轉換成字符串才能存儲；

2.在產品頁需要取出sessionStorage裏的值：

取出的字符串要轉換成數組在進行使用，方法:JSON.parse();

3.js拼接html模板以及配合接口請求回的產品數組進行循環渲染：

拼接好的html模板放進指定位置渲染；

4.點擊下拉效果的js函數：

5.選擇產品實現單選框效果：

總結：引入js腳本時要注意腳本引入的先後順序，以上內容如有不妥或更好的實現方式，請多指教，謝主隆恩吶。告辭~