鍍金池/ 問答/數(shù)據(jù)庫  HTML/ JS 城市三級(jí)聯(lián)動(dòng)性能問題

JS 城市三級(jí)聯(lián)動(dòng)性能問題

JS代碼：

    {name: "北京市", city: [{name: "北京市", districtAndCounty: ["東城區(qū)", "西城區(qū)", "崇文區(qū)", "宣武區(qū)", "朝陽區(qū)", "豐臺(tái)區(qū)", "石景山區(qū)", "海淀區(qū)", "門頭溝區(qū)", "房山區(qū)", "通州區(qū)", "順義區(qū)", "昌平區(qū)", "大興區(qū)", "懷柔區(qū)", "平谷區(qū)", "密云縣", "延慶縣", "延慶鎮(zhèn)"]}]},

上面JS 代碼是城市三級(jí)聯(lián)動(dòng)的的一部分，其他城市信息跟上面一樣，量大我就沒貼完。

問題：我在做聯(lián)動(dòng)是，在想一個(gè)問題：城市的信息后臺(tái)提供接口，用AJAX來獲取好了還是把所有數(shù)據(jù)寫在一個(gè)JS文件里面，如：city.js

clipboard.png

主要是性能上有什么不一樣的，像這兩種方式，底層的性能哪位大牛詳細(xì)分析下。謝謝

回答
編輯回答
情未了

從后臺(tái)發(fā)過來一個(gè)json，和你本地保存一個(gè)json的區(qū)別：
1、前者有網(wǎng)絡(luò)傳輸消耗，當(dāng)然比后者慢一點(diǎn)
2、將來城市地名更新，前者只需修改后臺(tái)程序，后者需要重新打包前端程序。

綜上所述，我認(rèn)為的最佳方式是調(diào)用后臺(tái)接口獲取后，緩存在前端，前端程序退出的時(shí)候清空緩存

如果你直接寫在js里，可以省去解析json的時(shí)間（可以忽略不計(jì)）

2017年9月15日 20:03