~~~ 0. 獲取當前頁面中需要操作的元素 A: 需要獲取的元素有：list/header/header中所有的A/list中所有的LI B：注意DOM映射，不能使用querySelectorAll 1. 獲取數據進行數據綁定 A:發送AJAX請求 ->創建一個變量用來存儲獲取的值 ->創建AJAX的一個實例 ->打開一個請求鏈接 ->... B:把獲取的JSON字符串轉為對象 C:基于ES6模板字符串把需要動態展示的內容拼接，最后存儲到容器中 ->循環獲取的數據 ->把每一項獲取到，然后結構賦值 ->字符串拼接 ->給LI設置三個自定義屬性存儲價格/日期/熱度 2. 點擊操作 A:循環給所有的A綁定點擊事件 ->給每一個設置index/flag自定義屬性，存儲索引和-1 ->綁定點擊事件 在點擊事件中： 1.除了當前這個LI，其余LI都讓其flag=-1 2.讓當前li的flag乘等于-1 3.執行SORT-LIST，把this改成當前點擊的A B:編寫也給SORT-LIST方法（需要改變THIS不能用箭頭函數） ->把類數組轉換為數組 ->把數組進行排序 先根據點擊A的索引獲取到需要排序的項 獲取對應項中的內容(從自定義屬性獲取) 日期需要把"-"去掉在進行減法運算 通過相減，獲取一個>0或者<=0的值，讓獲取的值乘以flag ->把排好序的數組中的每一項依次加入到容器的末尾（其實是把原有LI移動位置，這是DOM映射） ~~~