淺談前端框架和結(jié)構(gòu)優(yōu)化

1、韋俊朗淺談前端框架和結(jié)構(gòu)優(yōu)化目錄CONTENTS什么是前端框架01使用框架的優(yōu)缺點(diǎn)02推薦的前端框架03框架使用上的一些建議04網(wǎng)站結(jié)構(gòu)優(yōu)化05什么是前端框架？框架是包含工具、函數(shù)庫、約定，以及從常用任務(wù)中抽象出可以復(fù)用的通用模塊的集合。一般我們所說的前端框架是包含了javascript框架與CSS框架，因?yàn)橹行【W(wǎng)站對(duì)JS框架幾乎沒什么需求，在這里我們主要講一下CSS框架，使用框架有哪些優(yōu)點(diǎn)？提高開發(fā)效率規(guī)范名稱定義,便于維護(hù)。代碼更清晰、簡單。html代碼更合理。用戶體驗(yàn)友好可以使用跨瀏覽器功能強(qiáng)制使用好的網(wǎng)頁設(shè)計(jì)習(xí)慣010203040506使用框架有哪些缺點(diǎn)？01學(xué)習(xí)成本提高02對(duì)于小項(xiàng)目

2、等頁面來說很臃腫03限制了自由04強(qiáng)迫使用框架語法2Amaze妹子 UI1bootstrap3H-ui 前端框架推薦的前端框架優(yōu)點(diǎn)：功能模塊多，完善度高，bug少，兼容性較好，用戶基數(shù)大缺點(diǎn)：中小型網(wǎng)站使用成本高，學(xué)習(xí)難度最大優(yōu)點(diǎn)：功能模塊較完善，針對(duì)移動(dòng)端做了優(yōu)化，中文排版較好缺點(diǎn)：PC端兼容性一般優(yōu)點(diǎn)：輕量，JS模塊結(jié)構(gòu)清晰，學(xué)習(xí)成本低缺點(diǎn)：用戶基數(shù)小，bug較多1234還是一樣，多數(shù)功能用不上，加載只會(huì)浪費(fèi)資源整合JS效果，切勿引用整個(gè)JS框架各院校網(wǎng)站都屬于中小型網(wǎng)站，多數(shù)功能用不到，適合自己才重要使用輕量化框架框架都會(huì)集成矢量圖標(biāo)，如果不用，那豈不浪費(fèi)使用矢量圖標(biāo)整個(gè)框架是比較大的，只是一個(gè)頁面使用得不償失。全局使用框架框架使用上的建議標(biāo)準(zhǔn)的HTML結(jié)構(gòu)什么樣0101020203030404使用資源預(yù)加載技術(shù)URL規(guī)范與目錄結(jié)構(gòu)樹型結(jié)構(gòu)還是扁平結(jié)構(gòu)網(wǎng)站結(jié)構(gòu)優(yōu)化 網(wǎng)站標(biāo)題 網(wǎng)站頭部內(nèi)容部分頁腳標(biāo)準(zhǔn)的HTML結(jié)構(gòu)什么樣使用資源預(yù)加載技術(shù)從網(wǎng)頁性能的角度來看，DNS的解析時(shí)間是比較耗時(shí)的。因此如果能預(yù)先下載網(wǎng)頁中用到的其它域的資源?？商崆斑M(jìn)行DNS解析DNS預(yù)解析網(wǎng)頁或靜態(tài)文件預(yù)加載URL規(guī)范與目錄結(jié)構(gòu)URL盡量短，靜態(tài)化http:/ ht