`審核人：白占寧` `被審核代碼負責人：李偉 & 舒曼` `代碼地址：https://192.168.1.240:8443/svn/repos/wanda` ### 存在的問題 #### 1、新增一個doc目錄，將接口文檔放在該文件夾下 #### 2、頁面時間從后臺獲取 ``` // charts/showTime.js setInterval(function() { var data = showTime.getData() var showTimeHtml = Handlebars.compile(showTimeTpl) $(".show-time").html(showTimeHtml(data)) },1000) ``` 解決方案：將以上實現方式改成通過websocket接口，從后臺獲取時間。 #### 3、JavaScript中使用單引號 ``` switch (day) { case 1: weekDay = "星期一"; break; case 2: weekDay = "星期二"; break; ``` #### 4、Mock數據引用方式優化 ``` // scripts/index.js /** * 三個頁面公用的mocke數據 */ require('../mockData/allNum.js') require('../mockData/map.js') /** * 總覽頁面mocke數據 */ require('../mockData/allCaseType.js') require('../mockData/allCaseRatio.js') require('../mockData/allAreaTop.js') require('../mockData/allMeasure.js') ``` 解決方案：在mockData下，新建一個index.js文件，index.js中require各個mock的文件，并且在index.js中require('mock')。 ``` // mockData/index.js define(function(require) { /** ? ? * 三個頁面公用的mocke數據 ? ? */ ? ? ? require('../mockData/allNum.js') ? ? ? require('../mockData/map.js') ? ? ? ? ? /** ? ? * 總覽頁面mocke數據 ? ? */ ? ? ?require('../mockData/allCaseType.js') ? require('../mockData/allCaseRatio.js') ? ? require('../mockData/allAreaTop.js') ? require('../mockData/allMeasure.js') }) // scripts/index.js require('../mockData/index') // 可進一步優化，在seajs.config.js中配置mockData的path // scripts/index.js require('mockData') ``` #### 5、charts目錄下文件的引用方式 ``` var showTime = require('../charts/showTime.js') ``` 解決方案：在`seajs.config.js`中配置charts的path，然后通過require('showTime')這種方式引用。 #### 6、模板文件可讀性 ``` {{#each this}} <li><span>{{name}}</span><span>{{value}}</span></li> {{/each}} ``` 解決方案：通過必要的換行提高代碼可讀性。 ``` {{#each this}} <li> <span>{{name}}</span> <span>{{value}}</span> </li> {{/each}} ```