實作一個購物網站的首頁的js代碼function request () {第二層 }

使用text 和 css 可以解析 html 内容和 css 内容

文法是 text! + 路徑 這個導出是 xxx.html 檔案的内容

$css! + 路徑 ， 這個不需要導出，自動會渲染到目前引入的目前頁面中

仿寫：在實際工作中有待考慮

type:"get",

url:"http://xxx.xxx.xxxx/xxx/xx.php",

success : function(data){ }

var result = json.parse(data);

var slide = result.data.slide;

var html = '';

for(var i = 0;i < slide.length;i++){ 第五層 }

$('#banner').html(html);

swiperfn();

html +='

之後又回到第二層寫新的資料，在第四層和第五層進行修改。

var menu = result.data.menu;

for(var i in menu){第五層}

$('.menu ul').html(html);

var activity = menu[i].activity;

html +='li>'+

'img src="'+activity.img+'" />'+

'p>'+activity.name+'/p>'+

'/li';

描述清楚每一層要做什麼！其實也是理清思路的過程，這裡面有用到像ajax

get 請求 通路一個php檔案。

在下面寫函數 可以通過json檔案請求。并且運用了指針指向 運用了堆和棧的關系。

單雙引号問題，做了一個拼接。

把空字元串指派給變量。

在做首頁的時候：我會考慮幾點：

輪播圖資料

菜單資料

熱賣資料

瘋狂秒殺

瘋狂秒殺資料

瘋狂秒殺倒計時

瘋狂秒殺即将開搶判斷

搜尋頁面

掃一掃頁面

擷取本地購物車存儲的資料

購物車數量增加

點選“加号”時實作動畫效果

封裝一個購物車數量總量的函數

封裝一個數量變化特别大的函數

整合起來。前期回顧：

function request(){...}

function big(){...};

function swiperfn(){...}

return {"request":request...}

funtion big() {

$('.circle').addclass('span_active');

settimeout(function(){...},1000)};

$('.circle').removeclass('span_active')

function swiperfn(){

var myswiper = new swiper('.swiper-container',{...});

loop : true,

autoplay: 2000,

autoplaydisableoninteraction : false,

pagination: '.swiper-pagination'

}

return {"request" : request}

});