前面幾篇都是在介紹結構化與非結構化的資料儲存，本篇換換口味介紹一下框架是如何實現前端元件化開發的。首先得感謝vue、elementui等優秀的前端開源專案，這些專案幫助作者快速實現了框架的兩個前端工程（ide及web應用)的開發。
由於框架的ide是基於web的，如何實現帶智慧型提示的**編輯及如何實現介面的即時預覽成為乙個小小的挑戰（作者熟悉skia,gdi+等方式畫使用者介面，但不熟悉web前端）。
組合其他子元件時，需要先在指令碼內註冊區域性元件，如下圖所示：
然後在模版內放置註冊的子元件，如下圖所示：
每個檢視模型預設是不加入路由表的（sys.home例外是預設的主頁），如果在執行時需要通過瀏覽器位址列直接訪問檢視模型，必須將檢視模型加入路由表，如下圖所示：
tip2: 自定義名稱支援多級，如: personinfo/address。
框架支援兩種方式呼叫服務模型進行業務邏輯處理：
}}本想跟服務模型一樣在服務端跑乙個除錯程序，但考慮實現複雜暫直接利用瀏覽器的除錯功能。另由於作者的半吊子web前端水平，暫沒有搞定sourcemap，所以瀏覽器偵錯程式內顯示的原始碼是檢視設計器編譯轉換過後的，比較醜陋，具體參考下圖所示：
前端效能優化 六
為了盡快完成首次呈現，我們需要優化下列三種變數 關鍵資源是任何可能阻止網頁眉次呈現的資源。網頁上的關鍵資源越少，瀏覽器在螢幕上顯示內容時必須完成的工作量就越少，對 cpu 和其他資源的占用也就越少。換言之，資源數量 位元組數和關鍵路徑長度相互關聯，但是並不完全相同。例如，您也許無法減少關鍵資源數量，...
前端基礎div（六）
文件中的乙個部分會顯示為綠色 div style color 00ff00 h3 this is a header h3 p this is a paragraph.p div 所有主流瀏覽器都支援 標籤。可定義文件中的分割槽或節 division section 標籤可以把文件分割為獨立的 不同的...
前端第六天
js屬於編寫執行在瀏覽器上的指令碼語言 採用ecmascript語法,來操作bom及dom 操作bom 瀏覽器物件模型 操作dom 文件物件模型 如 使用瀏覽器的歷史記錄,使用瀏覽器的彈出框,修改頁面內容,修改頁面樣式,響應使用者互動事件等 js引入 1.行間式 存在於行間事件中 文字內容 2.內聯...