Model View Controller
FreeMarker(FreeMarker Template Language) 一個(gè)java類庫 view層完全獨(dú)立 顯示邏輯和業(yè)務(wù)邏輯分離 輕量級框架 不需要Servlet環(huán)境
HTML靜態(tài)化
Template + DataModel = HTML
Java代碼決定讀取哪一個(gè)Template
FreeMarker模板不編譯成類,不能寫任何java代碼,嚴(yán)格的MVC分離
性能優(yōu)于JSP 支持JSP標(biāo)簽
宏定義是什么岩齿?
前端框架主要為了解決什么問題?如何解決随抠?
1.資源定位
工程路徑 --> 部署路徑翔忽,
相對路徑 --> 絕對路徑 + md5戳 + 域名 --> 解決版本迭代后靜態(tài)資源緩存在客戶端的問題, 實(shí)現(xiàn)模塊獨(dú)立,任務(wù)文件間都可以進(jìn)行內(nèi)嵌
2.模塊化開發(fā)
核心問題:依賴管理和加載
構(gòu)建工具只負(fù)責(zé)生成依賴關(guān)系表 框架自己絕對什么時(shí)候加載哪些資源
-
規(guī)范
- 開發(fā)規(guī)范
- 模塊化開發(fā):js模塊化棘伴,css模塊化
- 組件化開發(fā):模板晌区,js摩骨,css維護(hù)在一起
- 部署規(guī)范
- 采用nodejs后端,基本部署規(guī)范應(yīng)該參考 express 項(xiàng)目部署
- 按版本號做非覆蓋式發(fā)布
- 公共模塊可發(fā)布給第三方共享
- 開發(fā)規(guī)范
-
框架
- js模塊化框架契讲,支持請求合并仿吞,按需加載等性能優(yōu)化點(diǎn)
-
工具
- 可以編譯stylus為css
- 支持js滑频、css捡偏、圖片壓縮
- 允許圖片壓縮后以base64編碼形式嵌入到css、js或html中
- 與ci平臺集成
- 文件監(jiān)聽峡迷、瀏覽器自動刷新
- 本地預(yù)覽银伟、數(shù)據(jù)模擬
模塊化框架
- 模塊管理
- 資源加載
- 性能優(yōu)化(按需,請求合并)
- 組件開發(fā)的基礎(chǔ)框架