## 靜態資源處理優化
現在已經集成新的`js`,`css` 靜態資源壓縮合并優化服務
-------
**這個是干啥的?**
- 1.靜態資源加md5戳,方便調試開發
- 2.合并css和js為一個請求
- 3.編譯less為css
- 4.壓縮并且gzip輸出代碼
**有什么優點?**
- 1.方便開發調試
- 2.加速靜態資源處理
## 如何使用
**示例**
*js*
```html
<script type="text/javascript" src="scripts/vendor.js"></script>
<script type="text/javascript" src="scripts/cav.js"></script>
<script type="text/javascript" src="scripts/app.js"></script>
```
這樣引入js,會有3個請求,切代碼沒有壓縮,使用如下方法,可使得上面代碼壓縮為一個文件,并且gzip輸出
```html
<dg:js src="scripts/vendor.js,scripts/cav.js,scripts/app.js"/>
```
這時的xml標簽會解析為:
```html
<script src="/min/?f=/apppath/scripts/vendor.js,/apppath/scripts/cav.js,/apppath/scripts/app.js"></script>
```
此請求會生成緩存文件
*css*
```html
<dg:css href="styles/vendor.css,styles/animated.css,styles/app.css"/>
```
## 參數說明
- `merge` [true] 是否開啟資源合并,為true則自動合并壓縮資源,否則會給資源加上md5戳引用
- 前端篇
- 常用知識點
- 表單處理
- 前后端分離
- 提供模板渲染工具
- 頁面優化
- css3動畫部分
- 前端工程與模塊化框架
- 服務器XML標簽用法
- 微信JSSDK
- 小技巧
- 純CSS實現自適應正方形
- 通用媒體查詢
- css 黑科技
- H5性能優化方案
- 10個最常見的 HTML5
- 常見坑
- 資源收集
- 前端組件化開發實踐
- 應用秒開計劃
- AJAX API部分
- 靜態資源處理優化
- 后端篇
- 微信對接與管理
- 微信消息處理
- API插件開發
- Plugin開發
- 后端插件開發
- 組件開發
- XML標簽開發
- RESTFUL設計
- Admin GUI
- 設計篇
- 設計規范
- 微信開發庫v.js
- 使用方法
- 微信JSSDK集成
- 調試面板使用
- 插件-http功能
- 插件-layer彈出層
- 插件-music 音樂播放器
- 插件-store 本地存儲
- 插件 emitter 事件管理器
- 插件-shake 搖動功能
- 插件-lazyload 延遲加載
- 插件-t 模板渲染
- 插件-ani 動畫功能
- 插件-is 類型偵測器
- 插件-ease 緩動函數庫
- 插件-os 設備檢測
- 插件 $ 類Jquery插件
- 插件-md5 散列計算
- 插件-svg動畫loading
- 后臺頁面成功GUI
- 列表渲染List
- 表單生成Config
- 樹狀列表Tree
- 排序操作Sort
- Js 風格指南
- Vuep
- 內置動畫庫
- 組件庫
- 內置插件庫
- PSD自動切圖