C#開發BIMFACE系列49 Web網頁中加載模型與圖紙的技術方案

Bootstrap是全球最受歡迎的前端開源工具庫，它支持 Sass 變量和 mixin、響應式柵格系統、自帶大量組件和眾多強大的 JavaScript 插件。基於 Bootstrap 提供的強大功能，能夠讓你快速設計並自定義你的響應式網站、手機APP等。 Bootstrap框架中的腳本庫是基於jQuery構建的。

Layui

LayUI是一款采用自身模塊規范編寫的前端 UI 框架，遵循原生 HTML/CSS/JS 的書寫與組織形式，門檻極低，拿來即用。其外在極簡，內在飽滿，體積輕盈，組件豐盈，從核心代碼到 API 的每一處細節都經過精心雕琢，非常適合界面的快速開發。 layui 首個版本發布於 2016 年秋天，它區別於那些基於 MVVM 底層的 UI 框架，它更多是為后端程序員量身定做，開發者不需要涉足各種前端工具的復雜配置，只需面對瀏覽器本身，一切所需要的元素與交互，Layui都完成了封裝。 Layui框架中的腳本庫是基於jQuery構建的。 Layui 兼容目前市場上正在使用的全部瀏覽器（IE6/7除外），可作為 PC 端后台系統與前台界面的速成開發方案。我們公司內部的業務系統也用了Layui框架，大家也可以嘗試着用用。

Element UI

它是餓了么團隊出品的優秀組件庫。 Element 是一套為開發者、設計師和產品經理准備的基於 Vue 2.0 的桌面端組件庫。

iView

一套基於 Vue.js 的高質量 UI 組件庫。包含

（1）iView Pro 以 View UI（iView）為基礎，擴展了 30+ 全新的組件，除了基礎組件外，還包含了業務組件，比如頁頭組件、城市選擇器組件、登錄組件、通知菜單組件等。 View UI Pro 最大化地減輕開發者工作量，並極大程度地支持響應式設計，對移動端和平板電腦都有更好的支持。

（2）iView Admin Pro Admin Pro 是一套企業級的通用型中后台前端解決方案，它基於 View UI（iView），並內置了 View UI Pro。支持多種布局，動態菜單，強大的鑒權系統，含有大量典型的業務示例，如用戶管理、菜單權限管理、角色權限管理等。 Admin Pro 由 iView 作者研發，使用最前沿的前端技術棧，支持各類型產品，比如典型的中后台應用（類阿里雲后台、七牛雲后台，各類 to B 產品）、社區型應用（類知乎、論壇、門戶）（需使用社交布局）、地圖型應用（需使用地圖布局）、工作桌面型應用（需使用工作桌面布局）等。 iView官方還對微信小程序專門封裝了一套高質量的UI組件庫，叫 iView Weapp。 iView 與 iView Weapp 校本庫都是基於Vue.js封裝的。 iView 與 iView 與 iView Weapp 兩款組件實現並適配了PC端、移動端、小程序等常用場景，這里我比較推薦它。大家可以嘗試用用。

2、腳本庫

學習網頁編程，最開始接觸的就是JavaScript，它是輕量級，解釋型或即時編譯型的編程語言。

JavaScript通常用來為網頁添加各式各樣的動態功能，為用戶提供更流暢美觀的瀏覽效果。
JavaScript腳本是通過嵌入在HTML中來實現自身的功能的。

JavaScript

提供的功能非常強大，但是學習起來很困難，一般都會有雜而亂的感覺。
主要有以下原因：

- JavaScript本身知識很抽象難懂，比如：閉包、內置對象、DOM。
- JavaScript本身內容很多，如函數庫、對象庫非常多。
- JavaScript混合了多種編程思想。既有面向過程編程思想，又有面向對象編程思想。
- 不通的瀏覽器對JavaScript支持也不同。為了適配不同的瀏覽器需要做非常多的代碼進行特殊處理。
- 沒有好的編輯器，編寫代碼全靠大腦來記憶。
- JavaScript運行在網頁里面，如果發生錯誤，不太好調試。
- 其他原因。

jQuery

2006年1月就出現了jQuery，它是一個 JavaScript 庫，極大地簡化了 JavaScript 編程。官方API功能強大，文檔齊全、使用示例也很多，適配絕大多數主流瀏覽器，非常受歡迎，因此出現了非常多的基於jQuery封裝的免費插件，非常好用。到目前為止，jQuery依然有非常多的開發者在使用它。

Angular

誕生於2009年，由 Misko Hevery（米斯科·赫維）等人創建，后為Google所收購，由Google維護。
AngularJS嘗試去補足HTML本身在構建應用方面的缺陷。

AngularJS通過使用我們稱為指令(directives)的結構，讓瀏覽器能夠識別新的語法。例如：

使用雙大括號{{}}語法進行數據綁定
使用DOM控制結構來實現迭代或者隱藏DOM片段
支持表單和表單的驗證
能將邏輯代碼關聯到相關的DOM元素上
能將HTML分組成可重用的組件

React

FaceBook 公司於2013年5月開源的 JavaScript MVC 框架。由於 React 的設計思想極其獨特，屬於革命性創新，性能出眾，代碼邏輯卻非常簡單。所以，越來越多的人開始關注和使用。主要用於構建UI。可以在React里傳遞多種類型的參數，如聲明代碼，幫助你渲染出UI、也可以是靜態的HTML DOM元素、也可以傳遞動態變量、甚至是可交互的應用組件。