⑴ 幾個免費的web前端開發工具
常用的web前端開發工具web前端開發工具有哪些: 1、Bootstrap Bootstrap 是快速開發 Web 應用程序的前端工具包。它是一個 CSS 和HTML 的集合,它使用了最新的瀏覽器技術,給你的 Web 開發提供了時尚的版式,表單,buttons,表格,網格系統等等。 2、Foundation Foundation 是一個易用、強大而且靈活的框架,用於構建基於任何設備上的 Web 應用。提供多種 Web 上的 UI 組件,如表單、按鈕、Tabs 等。 3、Cloud9 IDE Cloud9 IDE 是一個基於 Node.JS 構建的 JavaScript 程序開發 Web IDE。它擁有一個非常快的文本編輯器,支持為 JS,HTML,CSS 和這幾種的混合代碼進行著色顯示。Cloud9 IDE 還為 node.js 和 Google Chrome 集成調試器,可以在IDE 中啟動、暫停和停止。 4、Notepad++ Notepad++ 是一款非常有特色的編輯器,是開源軟
⑵ 移動webapp前端ui用哪個框架好
WeUI
WeUI是一套同微信原生視覺體驗一致的基礎樣式庫,由微信官方設計團隊為微信 Web 開發量身設計,可以令用戶的使用感知更加統一。包含button、cell、dialog、 progress, toast、article、icon等各式元素。
Frozen UI
Frozen UI是騰訊社交用戶體驗設計 - 增值UI開發團隊一個開源的簡單易用,輕量快捷的移動端UI框架。基於手Q樣式規范,選取最常用的組件,
做成手Q公用離線包減少請求,升級方式友好,文檔完善,目前全面應用在騰訊手Q增值業務中。
FrozenUI提供的CSS組件是目前QQ會員前端開發組所用的通用樣式庫。遵循手Q樣式規范,基本樣式使用離線包的方式減少請求,並提供快速接入的方案。
FrozenUI提供的一系列JavaScript插件,更優雅地在移動端上呈現更靈動的動畫效果。
FrozenJS 是針對移動端開發的 js 組件庫,其依賴 zepto.js 和 FronzenUI。
FrozenJS 的所有組件均以 zepto 的插件的形式存在。
阿里開源的SUI Mobile
SUI Mobile
SUI Mobile 是一套基於 Framework7 開發的UI庫。並參考 Ratchet、Fastclick 開源庫。它非常輕量、精美,只需要引入我們的CDN文件就可以使用,並且能兼容到 iOS 6.0+ 和 Android 4.0+,非常適合開發跨平台Web App。
輕量的UI庫 SUI Mobile 非常輕量,核心庫壓縮Gzip後的JS、CSS網路傳輸體積總共只有52K,卻提供了20+個常用的組件。
對於只有HTML&CSS的組件,你只需要復制HTML代碼既可以使用。他的大部分JS組件都是獨立的 Zepto 插件,並且提供了Zepto/jQuery 風格的API,你將會非常熟悉這種方式。
開發團隊:阿里巴巴共享業務事業部UED團隊
網路系
GMU
GMU是基於zepto的mobile UI組件庫,提供webapp、pad端簡單易用的UI組件!
Jingle
Jingle是一個SPA(Single Page Application)開發框架,用來開發移動端的html5應用,在體驗上盡量去靠近native應用,希望有一天html5能夠做到與native一樣的操作體驗。
豐富的UI組件提供了按鈕、列表、表單、彈出框、輪換、上拉/下拉、日歷等各種移動端常用的組件,簡單適用,
前後端分離支持前端模板渲染,模板按需自動載入,完善的事件機制。
輕量級基於Zepto開發,依賴了iscrol
purecss
purecss採用其Grid的部分即可,需要定製的部分,建議自行配置,或者是直接採用grid.css,grid960.css這樣的柵格來處理。Purecss小的沒有節操,全部模塊gzip壓縮後才 4.4KB* 。 考慮到移動端,保持文件盡量小對我們來說非常重要,每一行CSS都經過深思。如果你只用部分模塊,簡直小的忽略。
Pure基石,Pure基於Normalize.css添加了HTML元素的布局和樣式,以及常用的UI組件。全是精華,木有糟粕。
移動端是初衷,Pure是響應式的盒子模型,適應所有尺寸的屏幕。通過皮膚生成器可以自定義樣式。
寫出你自己的樣式,Pure提供最基礎的樣式,鼓勵你基於此寫出自己的樣式。它被設計為容易覆寫,且不影響你自己的樣式。
ionic
基於angular2,豐富的UI組件,大大改進的編程模型,非常適合快速開發。
jquery mobile
jQuery Mobile 是創建移動 web 應用程序的框架。
jQuery Mobile 適用於所有流行的智能手機和平板電腦。
jQuery Mobile 使用 HTML5 和 CSS3 通過盡可能少的腳本對頁面進行布局。
Bootstrap
Bootstrap 是最受歡迎的 HTML、CSS 和 JS 框架,用於開發響應式布局、移動設備優先的 WEB 項目。
wex5
國產的ui,支持打包。
前端UI:完全恪守html5+css3+js,干凈純潔設備api:採用業界主流Phonegap/Cordova
向導、模板:簡單定義,即可輕松製作向導和模板
主題、樣式:海量bootstrap資源引入和定製
UI組件:純H5+CSS3,輕松引入第三方UI組件
插件:輕松對接即時通訊、推送、支付等各類插件
後端:輕松調用後端組件和api,並實現可視化
⑶ 請問,web框架有哪些種
1.Bootstrap
Bootstrap 是最受歡迎的 HTML、CSS 和 JS 框架,用於開發響應式布局、移動設備優先的 WEB 項目。
2.NEJ-Nice Easy Java
簡潔,美觀,真正的跨平台web前端開發框架。
3.Foundation
迄今為止最好的響應式前端框架,更快、更輕、更多功能、更靈活、更強大!
4.Amaze UI
是一個輕量級的前端框架, 基於開源社區流行前端框架編寫,中國首個開源 HTML5 跨屏前端框架。
5.jQueryweui
是專為微信公眾賬號開發而設計的一個簡潔而強大的UI庫,包含全部WeUI官方的CSS組件,並且額外提供了大量的拓展組件,豐富的組件庫可以極大減少前端開發時間。
6.FrozenUI - 專注於移動web的UI框架
簡單易用,輕量快捷,為移動端服務的前端框架
7.SUI Mobile
輕量,小巧且精美的UI庫,方便迅速搭建手機H5應用
⑷ webui界面怎麼通過瀏覽器打開
瀏覽器打不開可以採用以下方法解決,該方法能從根本上解決瀏覽器打不開。
原因一:由於用戶的誤操作將IE組件損壞,導致IE內核的瀏覽器不能打開網頁。
原因二:被木馬感染的系統文件被殺毒軟體當做木馬病毒清除,也會導致瀏覽器打不開怎麼辦,ie打不開,能上qq打不開網頁等問題。
原因三:桌面圖標病毒也會造成瀏覽器打不開怎麼辦,ie打不開,能上qq打不開網頁等問題,因為桌面圖標佔用了系統一些注冊表項,導致系統異常。而殺毒軟體又不能夠很好的進行修復工作,於是成了疑難。
感染這類惡意插件後的現象有:
1、瀏覽器打不開怎麼辦,ie打不開,能上qq打不開網頁;
2、點擊右鍵,只有「打開主頁,創建快捷圖標」兩個選項;
3、IE主頁被篡改,無法修復;
4、刪除惡意圖標後仍舊自動生成到桌面。
可牛免費殺毒系統急救箱現已集成了以往所有病毒專殺、系統修復工具的功能,能夠輕輕鬆鬆解決由病毒木馬導致的IE組件損壞、修復注冊表等疑難雜症,不再有瀏覽器打不開怎麼辦,ie打不開,能上qq打不開網頁這種疑問!!
修復步驟:
1、首先下載可牛免費殺毒 - 系統急救箱。
2、點擊「開始急救」按鈕,會自動掃描系統中存在的問題,並自動解決。
3、待所有問題解決,使用可牛免費殺毒全盤掃描對系統中的木馬病毒進行全面清理。
網路搜索:可牛殺毒系統急救箱
⑸ 現在不少針對移動端的WEB前端UI框架,有沒有針對PC端的web前端UI框架,bootstarp除外,請大神們介紹幾款
這個很多
比如EasyUI、jQuery UI、LigerUI、Ext.js等
⑹ OpenStack中的Web UI組件叫
horizon
Horizon 為 Openstack 提供一個 WEB 前端的管理界面 (UI 服務 )通過 Horizone 所提供的 DashBoard 服務 , 管理員可以使用通過 WEB UI 對 Openstack 整體雲環境進行管理 , 並可直觀看到各種操作結果與運行狀態。
拓展資料:
1.Horizon(UI模塊)
頁面調用api(兩種用戶雲管理員,雲用戶)
2.keystone(身份服務模塊)
1)用戶身份認證(Idemity)
user:用戶(租戶下有很多用戶,驗證方式用戶名密碼,API keys等)
kenant:租戶(可以訪問資源的集合)
role:角色 (一組用戶可以訪問資源的許可權)
2)訪問請求控制(Token)
Service(nova,glance,swift等服務需要在keystone上注冊)
Endpoint(service暴露出來的訪問地址)
Token(訪問資源的令牌,具有時效性)
3)注冊表服務(Catalog)
openstack服務需要注冊到keystone注冊表中
4)身份驗證引擎(Policy)
決定用戶有哪些訪問控制許可權
易購環境的集成(Key Value Store,MemcachedSQL,PAM,LDAP)
3.Nova(計算服務組件)
openstack核心組件,核心服務包括:實例生命周期的管理(虛擬機),計算資源的管理,對外提供Restful API。
Nova組件主要有三個模塊構成(nova-api,nova-scheler,nova-compute),
nova-api在表示層主要負責處理外部請求,nova-scheler在邏輯控制層,主要負責選擇那個主機創建VM,nova-compute虛擬機創建和資源分配,不提供虛擬化功能,但是支持kvm,LXC,xen等。
三個組件通過rabbit MQ進行消息傳遞。
4.Glance(鏡像服務組件)
主要功能:提供虛擬機鏡像的存儲,查詢和檢索功能,為nova進行服務,依賴於存儲服務(存儲鏡像本身)和資料庫服務(存儲鏡像相關的數據)。
5.Swift(對象存儲服務模塊)
openstack核心組件,主要功能:高可用分布式對象存儲服務,特點是無限和擴展沒有單點故障。
account-->container-->Object 某個賬戶下的某個容器的某個對象,可以通過HTTP(S),Object API,S3進行存取。
6.Cinder(塊存儲服務模塊)
主要功能:管理所有塊存儲設備,為VM服務。
cinder-api處理發送過來的請求,處理結果發送到rabbit MQ,通過消息中間件把所有請求發送到cinder-scheler,通過調度器決定存儲到哪裡,並且創建VM,cinder-volume管理存儲模塊的生命周期
7.Neutorn(網路服務組件)
主要功能:為雲計算提供虛擬的網路功能,為每個不同的租戶建立獨立的網路環境。
三種不同的網路模式(Flat模式 Flat DHCP模式,Vlan模式)
⑺ apache traffic server怎麼配置webui
一 介紹
Apache Traffic Server(ATS或TS)是一個高性能的、模塊化的 HTTP 代理和緩存伺服器。Traffic Server 最初是 Inktomi 公司的商業產品,該公司在 2003 年被 Yahoo 收購,之後 Traffic Server 一直在 Yahoo 內部使用長達 4 年,直到 2009 年 8 月 Yahoo 向 Apache 軟體基金會(ASF)貢獻了源代碼,並於 2010 年 4 月成為了 ASF 的頂級項目(Top-Level Project)。 Apache Traffic Server 現在是一個開源項目,開發語言為C++。
Traffic Server 的開發團隊曾經由 Chuck Neerdaels 領導,他也是 Harvest 項目的早期創始人之一,Harvest 項目後來發展為十分流行的 Squid 項目;Leif Hedstrom 直接管理著現在的 Traffic Server 開發團隊。目前 Chuck Neerdaels 和 Leif Hedstrom都已加盟知名 CDN 服務提供商 Akamai。
HTTP 代理伺服器是 HTTP 伺服器的一種實現,處於客戶端(一般為瀏覽器)與另一個 HTTP 伺服器之間(通常指源伺服器,Origin Server)。HTTP 代理通常分為正向代理、反向代理和透明代理,我們主要關注的是反向代理(Reverse Proxy,見下圖)反向代理伺服器根據明確配置的映射規則來處理用戶請求。反向代理伺服器通常會設置一個較大的緩存區,伺服器處理請求的同時將請求的內容緩存在伺服器本地,當下次用戶請求同一個對象時,伺服器可直接從緩存區里取出對象,而不用去源伺服器去取,起到了加速的效果。另外,配置反向代理的映射規則也能實現負載均衡的功能。除了 Traffic Server,常見的開源代理伺服器還有 Squid,Varnish,Nginx,HAProxy。
Apache <wbr>Traffic <wbr>Server <wbr>簡介
Traffic Server 在 Yahoo 內部使用了超過 4 年,主要用於 CDN 服務,CDN 用於分發特定的 HTTP 內容,通常是靜態的內容如圖片、JavaScript、CSS。下面是Traffic Server 在 Yahoo CDN 應用的一些情況:
超過 4 年的使用中,緩存中沒有出現已知的數據損壞(data corruption);
作為反向代理,伺服器方便部署和管理,並且大部分配置的更改可直接在線上伺服器完成,而不用重啟服務;
在高並發情況下擴展良好,支持 HTTP/1.1 協議特性,如 SSL、Keep-Alive;
在世界范圍內部署了超過 100 台伺服器;
在實際CDN中,每秒處理超過 350,000 次請求,達到 30 Gbps,最大容量至少十倍於普通使用,以應對高峰時的大量請求;
在實際 CDN 中,每台伺服器有 20,000 到 30,000 的 keep-alive 並發連接,其中有 1,000 到 2,000 的連接是一直很活躍的;
實驗環境中,單台伺服器每秒處理 105,000 次請求,請求的對象是被緩存住的小文件;
實驗環境中,請求大文件時,單台伺服器達到 3.6 Gbps(4x GigE NIC bonded)。
二 組件、機制
Traffic Server(TS) 的組成
1.Traffic Server緩存
TS 緩存包含一個高速的對象資料庫,資料庫根據 URL 和相關頭部來索引對象,對於同一對象可以緩存不同版本(如不同的編碼、語言)。
當緩存空間滿後,TS 會移除過期的數據。
當磁碟出錯時,TS 將不再使用該塊磁碟,轉而使用剩下的磁碟。所有磁碟都出錯時,TS 將切換至 proxy-only 模式,即只代理,不緩存。
可分區,即可以給指定的協議和源伺服器劃分一定數量的磁碟空間
2.RAM 緩存
內存緩存區儲存比較熱門的對象,在流量的高峰期時能加快處理速度和降低磁碟負載。
3.主機資料庫
儲存 DNS 信息,方便主機名到 IP 地址的快速轉換
儲存每個主機的 HTTP 版本,方便高級協議特性的使用
儲存主機的可靠性和可用性信息
4.DNS 解析器
TS 原生實現了 DNS 解析器,不依賴較慢的傳統解析庫。同時也降低了 DNS 的流量。
5.Traffic Server 進程
traffic_server 進程負責接受連接,處理協議請求,然後從緩存或源伺服器獲取對象並返回
traffic_manager 進程是 TS 的命令和控制設施,負責啟動、監控和配置 traffic_server 進程,它也負責代理的埠配置、統計信息的介面、集群管理和虛擬 IP 的故障轉移。
如果 traffic_manager 檢測到 traffic_server 進程失效,它立即重啟 traffic_server 進程並且維護一個連接隊列,保存此時到來的請求,完全重啟後這個隊列里的連接將按順序被處理。
traffic_cop 進程監視 traffic_server 和 traffic_manager 進程,此進程周期性的查詢 traffic_server 和 traffic_manager 進程的健康狀況,如果查詢在一定間隔時間內未返回或者返回信息不正確,traffic_cop 將重啟 traffic_manager 和 traffic_server 進程。
Apache <wbr>Traffic <wbr>Server <wbr>簡介
6.管理工具
Traffic Line 是命令行程序,可以用來快速監視 Traffic Server 的性能和網路流量,也能配置 TS。
Traffic Shell 也是命令行工具,進入該 shell 後有自己一套語法,可代替 Traffic Line 完成監控、配置任務。
通過 Traffic Line 和 Traffic Shell 對配置作出的修改將會自動寫入配置文件中。
Traffic Server 的底層機制
Apache Traffic Server 不同於大部分開源代理伺服器,它結合了兩種技術來處理高並發:
非同步事件處理(Asynchronous event processing)
多線程(Multi-threading)
Traffic Server 在多 CPU、多核的硬體上擴展良好,能充分利用所有可用的 CPU 和其他資源。
HTTP 代理緩存相關機制
1. Traffic Server 處理請求的過程
1)用戶請求一個 web 對象,TS 收到請求
2)TS 通過對象的地址,在對象資料庫(緩存)中去定位該對象
a.如果對象在緩存中,TS 會檢查對象是否新鮮(fresh)
如果新鮮,TS 從緩存里返回該對象給用戶,此時稱為緩存命中(cache hit)
如果不新鮮(stale),TS 會連接源伺服器去驗證對象是否仍然新鮮,即重新驗證(revalidation),如果仍然新鮮,TS 立即將緩存中的副本返回給用戶
b.如果對象不在緩存中(緩存未命中,cache miss),或者緩存的副本不再有效,TS 會去源伺服器獲取對象,然後同時做下面兩件事
將對象返回給用戶
將對象放到本地緩存中
2. Traffic Server 判斷 HTTP 對象是否新鮮(fresh)的過程
如果有 Expires 或者 max-age 頭部直接定義緩存的過期時間,TS將對比當前時間和過期時間去判斷對象是否新鮮
如果沒有上述頭部,TS 將檢查 Last-Modified 和 Date 頭部(其中Date是源伺服器返回對象的時間,如果沒有 Last-Modified 頭部,TS 會用對象寫入緩存的時間以作代替),然後用以下公式算出新鮮的時間范圍(freshness_limit,可理解為保質期):
freshness_limit = ( Date - Last-Modified ) x 0.1
0.1 這個參數可以作調整,並且能限制 freshness_limit 的上下限,默認最小是 1 小時,最大是 1 天
如果沒有 Expires 頭部或者沒有 Last-Modified、Date 頭部,TS 將使用默認的 fressness limit
另外,TS 還會檢查 cache.config 配置文件中的 revalidate 規則,該規則可以對特定的 HTTP 對象設置特定的驗證時間(特定的域名、IP、一定規則的 URL、特定的客戶端等等)
3. 緩存過期(stale),Traffic Server 去源伺服器重新驗證對象可能的情況
仍然 fresh,TS 重置 freshness_limit,並返回對象
對象新副本可用,TS 緩存新對象,並同時返回給用戶
源伺服器上的對象不再存在,TS 也不再返回該副本給用戶
源伺服器沒有響應,TS 返回過期的對象並發出警告。
更詳細的說明請查看 Traffic Server 管理文檔中的 HTTP Proxy Caching 部分
三 安裝、使用
Apache Traffic Server 開源後添加了 64 位支持,也移植到了常見的 Linux 發行版、FreeBSD、OpenSolaris 和 Mac OS X,開源之前 Yahoo Traffic Server 一直運行在 32-bit Linux 上。
(以 Apache Traffic Server 2.1.1 unstable 為例在 32-bit Linux 環境下進行安裝測試)
安裝
1. 下載、解壓
wget http://www.apache.org/dist/trafficserver/trafficserver-2.1.1-unstable.tar.bz2
wget http://www.apache.org/dist/trafficserver/trafficserver-2.1.1-unstable.tar.bz2.md5
md5sum -c trafficserver-2.1.1-unstable.tar.bz2.md5
tar jxvf trafficserver-2.1.1-unstable.tar.bz2
cd trafficserver-2.1.1-unstable
2. 編譯、安裝
查看 README 說明文檔,安裝編譯依賴的庫(centos 可參照 fedora 依賴的軟體包,pcre包替換為 pcre-devel 即可)
./configure --help 查看編譯的一些選項
./configure (默認安裝在 /usr/local,如需修改,使用 --prefix=PREFIX;參數中還有用戶和用戶組選項,這是 TS 進程運行的身份,默認均為 nobody,centos 可以不作修改,其他發行版可能需要修改,如 ./configure --with-group=nogroup)
make
make install 以管理員身份執行
目錄結構
默認目錄
內容
/usr/local/var/log/trafficserver
運行時創建的日誌文件
/usr/local/var/trafficserver
運行時的一系列文件
/usr/local/etc/trafficserver
配置文件
/usr/local/bin
可執行文件
/usr/local/libexec/trafficserver
插件
初步配置
records.config 是 key-value 格式的配置文件,負責大部分全局的選項設置,即主配置文件。
storage.config 用於指定磁碟存儲。
remap.config 定義映射規則,用於請求的重寫(rewrite),反向代理即在此配置。
records.config 中關鍵的配置
CONFIG proxy.config.exec_thread.autoconfig INT 1
CONFIG proxy.config.exec_thread.autoconfig.scale FLOAT 2.0
CONFIG proxy.config.exec_thread.limit INT 2 # 經觀察是每個核創建的線程數,官方文檔中未提及
CONFIG proxy.config.cluster.ethernet_interface STRING eth0 # 設置乙太網介面
CONFIG proxy.config.http.server_port INT 8080 # 監聽埠,反向代理通常為80
LOCAL proxy.local.incoming_ip_to_bind STRING 0.0.0.0 # 綁定的 IP,可省略,默認即為 0.0.0.0
CONFIG proxy.config.http.cache.http INT 1 # 打開緩存功能
CONFIG proxy.config.cache.ram_cache.size INT 512M # RAM 緩存大小
CONFIG proxy.config.reverse_proxy.enabled INT 1 # 打開
CONFIG proxy.config.url_remap.remap_required INT 1 # 1為只反向代理,0為正向+反向代理
CONFIG proxy.config.url_remap.pristine_host_hdr INT 0
CONFIG proxy.config.ssl.enabled INT 0 # 關閉SSL
CONFIG proxy.config.ssl.server.cert.filename STRING server.pem
CONFIG proxy.config.http.server_max_connections INT 2000 # 同源伺服器的最大連接數
CONFIG proxy.config.http.keep_alive_no_activity_timeout_out INT 60 # 當一個事務結束後同原伺服器保持連接的時間
remap.config 配置
map http://cdn.example.com/js http://js.example.com # 通過 DNS 輪詢可實現負載均衡
reverse_map http://js.example.com http://cdn.example.com/js # reverse_map 能在源伺服器 有 HTTP 重定向跳轉時,修改重定向請求,即重寫 Location 頭部內容
map http://cdn.example.com/css http://css.example.com
reverse_map http://css.example.com http://cdn.exampe.com/css
map http://cdn.example.com/img http://img.example.com
reverse_map http://img.example.com http://cdn.example.com/img
storage.config 配置
/data1 67108864 # 指定一個或多個目錄,註明緩存大小,也可直接指定 raw 分區,詳見storage.config 中的注釋說明
更詳細的配置可參考官方管理指南 http://trafficserver.apache.org/docs/v2/admin/
服務控制
運行 /usr/local/bin/trafficserver start
結束 /usr/local/bin/trafficserver stop
重啟 /usr/local/bin/trafficserver restart
命令行工具、監控
/usr/local/bin/traffic_line 需用管理員身份執行
查看幫助 traffic_line -h
查看變數的值 traffic_line -r 變數名 (變數名見官方管理指南附錄C,含 TS 運行時統計數據)
給變數賦值 traffic_line -s 變數名 -v 值 (變數名見records.config)
不重啟TS 使配置生效 traffic_line -x
/usr/local/bin/traffic_shell 需用管理員身份執行,進入後提示符為「%」
查看幫助 man traffic_shell (由於開發者疏忽,暫不能用)
show 命令,如 %show:cache-stats 查看緩存統計,如命中情況,緩存大小;如%show:proxy-stats 查看命中率
config 命令,如 %config:logging event disable 關閉日誌;如 %config:cache clear,清除緩存,config命令作出的修改都會立即生效
/usr/local/bin/traffic_logcat 日誌查看工具
traffic_logcat -h 獲得幫助
查看二進制日誌 traffic_logcat 日誌文件名
Traffic Server 系統自身的運行日誌可在 /var/log/message 中查看(centos),用於排錯
traffic_logstats 提供了基於日誌的統計功能
四 結論
Apache Traffic Server 開源後功能在不斷被開發,性能得到很大提升,社區也在逐漸發展,但除了 Yahoo 之外還很少有其他實踐,很多功能(如集群)的文檔有待完善。Traffic Server 豐富的插件開發是其一大亮點,模塊化的特點使其擁有很好的擴展性和靈活性,再加上它的高性能,相信 Apache Traffic Server 未來將在很多場景中替代傳統的代理和緩存伺服器而成為大家的首選。
⑻ 如何修改webui-popover 的樣式
popover組件生效後會被渲染在最外層,所以你要在外層指定.el-popover的樣式
⑼ 推薦幾個精緻的web UI
利用DM建模或者導入第三方軟體建立的模型,在使用workbench的meshing或DS的時候,,有時候會出現如下錯誤提示:
1. Unable to attach to geometry file xxxx.agdb. Unable to attach geometry.
2.PlugIn Error:Geometry Interface not found.
出現這樣的錯誤後,meshing模塊會自動退出,然後在model上打上一個叉叉。怎麼辦呢,難道要重裝一次么?其實沒有必要。
之所以會出現如此提示,很多情況下是因為我們在安裝的時候偷懶,沒有將ansys安裝完全的原因。
起死回生
步驟1:
檢查必裝組件是否安裝完全。在安裝文件夾下有一個installPreReqs.exe文件(這是13.0版本,之前的版本是在點擊setup.exe安裝過程中選擇的),之後程序會自動檢測你的前置安裝是否完全,並自動給你安裝。
步驟2:
配置幾何介面。
如圖1,打開開始菜單中ansys13.0>Utillities>CAD_Configuration Manager,如圖2,勾選途中的項目,另外如果安裝了其他CAD軟體,也一並勾上。
打開CAD Configuration標簽頁,如圖3,點擊Confgure Selected CAD Interfaces,出現配置成功後,問題基本上就修復了。
圖2
⑽ 推薦幾個流行的WEB UI開源框架
1.Aliceui
Aliceui是支付寶的樣式解決方案,是一套精選的基於 spm 生態圈的樣式模塊集合,是 Arale 的子集,也是一套模塊化的樣式命名和組織規范,是寫 CSS 的更好方式。
gitHub地址:https://github.com/aliceui/aliceui.github.io
2.Amazeui
Amaze UI 是一個輕量級、 Mobile first 的前端框架, 基於開源社區流行前端框架編寫的。
官網地址:http://amazeui.org/
3.sui
SUI是一套基於bootstrap開發的前端組件庫,同時她也是一套設計規范。
通過SUI,可以非常方便的設計和實現精美的頁面。
官網地址:http://sui.taobao.org/
同時sui還有移動端版本msui,msui是阿里巴巴共享業務事業部UED團隊的作品。目的是為了手機H5頁面提供一個常用的組件庫,減少重復工作。
地址:http://m.sui.taobao.org/
4.FrozeUI
Frozen UI是一個開源的簡單易用,輕量快捷的移動端UI框架。基於手Q樣式規范,選取最常用的組件,做成手Q公用離線包減少請求,升級方式友好,文檔完善,目前全面應用在騰訊手Q增值業務中。
官網地址:http://frozenui.github.io/
5.uiKit
uiKit是一款輕量級、模塊化的前端框架,可快速構建強大的web前端界面。
官網地址:http://www.getuikit.net/
6.H-ui
H-ui是輕量級前端框架,簡單免費,兼容性好,適用於中國網站。
官網地址:http://www.h-ui.net/
7.Weui
weUI 是一套同微信原生視覺體驗一致的基礎樣式庫,由微信官方設計團隊為微信 Web 開發量身設計,可以令用戶的使用感知更加統一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。
官網地址:https://github.com/weui/weui
8.layui
Layui 誕生於2016年金秋,是一款帶著濃烈情懷的國產前端UI框架,她追求極簡,又不失豐盈的內在,說她是史上最輕量的結晶,似乎並不為過。一切都源自於她對原生態的執著,對前端社區的那些噪雜聲音的過濾,以及她本身的精心雕琢。
官網地址:http://www.layui.com/
9.YDUI Touch
YDUI Touch 專為移動端打造,在技術實現、交互設計上兼容主流移動設備,保證代碼輕、性能高;使用 Flex 技術,靈活自如地對齊、收縮、擴展元素,輕松搞定移動頁面布局;實現強大的屏幕適配布局,等比例適配所有屏幕。什麼?用得不開心?輕松切換 px;自定義Javascript組件、Less文件、Less變數,定製一份屬於自己的YDUI;