- 前后端沒有分離一膨，統(tǒng)一采用后端生成前端代碼的方式豹绪，給頁面調(diào)試造成了極大的困難瞒津，無法直接對html進行調(diào)試修改
- js框架沒有移動端進行優(yōu)化，例如使用了jQuery而不是更適合移動端頁面的zepto（zepto使用gzip壓縮后只有8k巷蚪，jQuery現(xiàn)在的版本93k）
- js代碼極不規(guī)范钓辆，幾乎所有方法直接寫在全局環(huán)境下肴焊，極易造成變量、函數(shù)的沖突似嗤，代碼無法維護届宠，無法定位方法所在位置
function getCommentInfo(commentZoneId) { if (commentZoneId == undefined) { commentZoneId = ""; if ($("#commentPositionType").val() == "0") {//表單內(nèi) commentZoneId = '#ActionsoftCommentZone'; } else if ($("#commentPositionType").val() == "2") {//工具欄 commentZoneId = '#ActionsoftFormTooblarCommentZone'; } }
-
js全部放在頁面頂部，造成頁面加載阻塞（只有當所有的js下載完畢伤塌，加載完成才會加載html和css）轧铁，是網(wǎng)頁加載緩慢的主要原因
這是請假發(fā)起頁面所加載js（還有一部分在js中動態(tài)加載）
Paste_Image.png
黃色部分為js加載用時，可以看出js加載運行占用了大部分時間
Paste_Image.png -
js文件數(shù)量多药薯、內(nèi)容少童本，js文件中加載js穷娱，造成整個js加載無法控制、無法優(yōu)化
Paste_Image.png -
html中插入js代碼（簡直聞所未聞）鄙煤，造成js必須在html加載之前加載茶袒、代碼邏輯混亂
Paste_Image.png -
js單個方法內(nèi)多層邏輯嵌套亡资，可讀性極差，無法維護
Paste_Image.png -
html層級多锥腻，大量使用內(nèi)聯(lián)樣式瘦黑、iframe奇唤，（在html中再插入一層<html>）
Paste_Image.png
