1. 關於後端程序員寫前端用什麼框架更好
各大前端框架可以按照「封裝度」的標准來區分。 設計剛出的一套網頁皮膚,封裝度為0。層層封裝到可以直接用後台語言寫頁面,封裝度為10。那麼我是這樣來區分前端框架的。
1級——純html+css 放5年前,基本就是用Dreamweaver剛排出來的頁面或者網頁查看源代碼扒下來的皮膚。不涉及到js,就是純頁麵皮膚。
2級—— bootstrap系列 bootstrap的出現是一個里程碑事件。發源於twitter,引入了不少html5/css3的特性。由於它對響應式的支持以及良好的體驗,給人一種耳目一新的感覺。其源碼,不管是css還是js都值得學習一下,看後經常會有「原來還可以這樣做」這種恍然大悟的感覺。不過歸根結底是一套ui皮膚+少量js組成的框架,屬於封裝度偏低的框架。
3~4級—— metronic/adminLTE系列 基於bootstrap或者其他1級框架,然後集成了各種jQuery插件、富文本編輯器等js庫,組成的一個大雜燴工具包和案例庫。皮膚基本是基於bootstrap自定義的一套主題。案例比較詳盡,開發的時候找到需要的組件把前端代碼復制粘貼,再稍微調試一下就能達到良好的視覺效果。根據集成的第三方庫的多少,基本可以劃分到3~4級封裝度這樣的范圍。這個級別的框架的代碼更多的是屬於粘合劑,將各種不同的第三方庫的前端代碼粘合起來。
5級—— jQuery-ui 這里要單獨把jQuery-ui拿出來講,並不是因為它的封裝度有多高,而是我認為它是一個分界點。jQuery以下級別的框架,代碼以css為主,自身的js代碼少,框架量級更輕,更靈活,更適合互聯網web產品。jQuery以上級別的框架,屬於前端的重度封裝,通過框架暴露的介面進行開發,開發人員甚至不需要太多前端知識,只需要詳細查看框架的開發文檔即可。jQuery以上級別的框架更適合傳統管理軟體的開發。
6~7級—— easy-ui/DWZ easy-ui基於jQuery-ui,不過具有更豐富的組件庫。貌似商業版收費很高。聽說某大型國企花了大價錢購買下來使用。DWZ是國產框架中我認為綜合表現還不錯的,完全免費,有問題可以在他們的QQ群里提。其餘的之前還用過金蝶的operamasks-ui,不過現在好像已經不更新了。這一類級別的框架還有一個另外的稱呼——「富客戶端框架」,意思就是重度js框架。使用起來開發效率很高,當年也是一度百花齊放,框架輩出。
8級—— extjs系列 extjs屬於前端框架領域中的龐然大物,封裝程度很高,具有自成體系的元素選擇引擎和瀏覽器兼容方案,js寫法上也有自己的方式。組件很多很全。只看extjs的官方文檔和示例幾乎不必學習任何其他的前端知識就可以做出「很漂亮」的前端頁面。當然頁面很容易「撞衫」。使用時間長了,會對其產生嚴重依賴,離開extjs,幾乎不會寫前端頁面了。
9級——vaadin/GWT 最後一級,也是封裝度最高的一級,也就是所謂的使用後台語言寫前端。如果說之前的八級至少前端和後端還是相對分離的,後台程序在java中寫,前台程序在html或者js中寫;那麼這一級別的框架簡直會顛覆你的認知!只需在後台使用java寫好了類和對象,並設置好相關的屬性,網頁的元素是自動通過後台對象生成的。這當然有好處,媽媽再也不用擔心我不會寫js和css了。然而就學一下html/css/js真的那麼難嗎?個人認為,盡管GWT有google的這么強悍的背書,但是這種9級封裝的本質上把前後台耦合得更緊密。一個人做一個項目還可以考慮,但是一個團隊前後台分離、模塊化開發的時候,使用這種框架是一種災難!所以我是極度不建議使用9級封裝框架的。
2. 主流的開源的網路攝像機搭載的WEB界面軟體有哪幾個
1. 開源網路監控工具: NetXMS
NetXMS 提供了企業級開源網路管理和監控程序,它在Windows和Linux上有一個簡單的用戶界面。
NetXMS通過相對簡單的安裝過程為IT基礎架構的所有層提供了分布式網路監控、自動化網路發現和詳細報告。
此外,伺服器設備和代理對於這樣一個全面的產品來說是相當輕量級的。
2. 開源網路監控工具: Pandora FMS
定位於企業級, Pandora FMS 提供了一個時尚且整潔的用戶體驗,提供了易於閱讀的快速洞察工具以及重要的網路統計信息,例如網路狀態、已上報的告警、已部署的代理數量和其他最近執行任務的列表。
Pandora FMS可以在無需外部訪問的情況下執行網路診斷,這意味著用戶可以更快地響應任何網路問題。事實上,FMS聲稱,在代理模式下的器監控系統響應速度約為10秒。
3. 開源網路監控工具: Cacti
最初發布於2001年, Cacti 是一款開源的基於Web的網路監控和專為數據記錄而設計的圖形化工具。它可以用於實時顯示網路數據,如CPU負載或帶寬利用率。
Cacti是RRDtool的前端應用程序,RRDtool是一種用於存儲實時變化數據的開源資料庫工具,其使用SNMP作為其默認收集演算法,但如果你喜歡本地Perl的PHP腳本,那麼你也可以使用它們。
其最新版本0.8.8h於2016年5月發布,主要功能包括無限圖形項目、圖形自動填充支持、圖形數據處理、自定義數據採集腳本、內置SNMP支持、圖形模板、數據源模板、主機模板和基於用戶的管理。
4. 開源網路監控工具: GroundWork Monitor Core
GroundWork Monitor Core 是監控網路、應用和雲計算使用情況的平台。開源版本包含最多可監控50個設備和基於社區的支持的許可證,該軟體還有其對應的商業版本。
在其網路管理功能方面,GroundWork提供網路和設備的自發現和維護、拓撲、報警控制、通過API/SNMP/IPMI的數據收集和對OpenDaylight SDN的支持等功能。
GroundWork還提供了存儲管理,支持大規模的企業級供應商,如NetApp和EMC,以及從磁碟、塊或對象存儲的數據收集和存儲緩沖以及中斷可視化。
由於GroundWork的一站式網路管理方法,這種套件可能更適合那些尋找成熟品牌的大型商業和企業,而不是以開發人員為重點的工具,如Big Brother或Big Sister。
5. 開源網路監控工具:Hyperic
VMware的 Hyperic 工具用於在物理、虛擬或雲環境下監控Web應用程序及其性能。 它適用於應用程序伺服器,web伺服器,資料庫,操作系統,虛擬機管理程序,消息傳遞服務和目錄伺服器。
Hyperic提供基礎架構和操作系統監控,詳細的報告,應用程序和中間件監控,警報和修復工作流程以及通用可擴展的API。
該網路監控工具提供了企業版本,可以提高網路警報功能,並且能更好地創建基準。
6. 開源網路監控工具: Observium
基於Linux的 Observium 是一個自動監測的網路監控工具。 據該網站介紹,「該工具是由一批經驗豐富的專業網路工程師和系統管理員開發和維護的,Observium是一個由用戶自己設計和構建的平台。」
Observium提供社區版本和專業版,使用RRDTool進行緩沖存儲和圖形化功能,並具有易於使用的用戶界面和報告功能。 但是,它沒有報告導出功能,這可能對商務應用來講會是一個問題。
社區版本將為用戶提供對所有支持設備或指標的完整 自動監測功能, 通過自動發現協議進行網路映射, 自動識別數百種設備,並且每六個月發布一個新版本。
而專業版用戶將獲得所有社區版本的功能並且還將獲得實時軟體更新和修復功能,基於規則的自動分組功能,網路閾值和狀態警報系統以及流量統計系統。
7. 開源網路監控工具: Zabbix
Zabbix 作為企業級的網路監控工具,通過從伺服器,虛擬機和網路設備收集的數據提供實時監控,自動發現,映射和可擴展等功能。
Zabbix的企業級監控軟體為用戶提供內置的Java應用伺服器監控,硬體監控,VMware監控和CPU,內存,網路,磁碟空間性能監控。
3. web前端開發和網頁製作有什麼區別詳細點
網頁設計一般包含整站網頁視覺方案,提供PSD或PNG格式的主要頁面預覽圖,高級一點的還會給出標准配色表,風格設計指南(內含一般性風格設計規格:設計理念,留白間距,按鈕樣式,使用場景)等附件。大公司一般還有交互設計師,主要關注人機界面的易用性和用戶友好性。
前端開發簡單來說就是負責將網頁設計和互動設計的方案轉換為可工作的Html + Css + js文件。
在互聯網行業中, 網頁設計和前端開發是項目中的不同環節。
網頁設計一般指交互設計和視覺設計, 他們負責將商業需求轉化為 Web 解決方案, 最終產物是交互稿和視覺稿, 分別用於說明網頁的外觀和 actions. 而前端開發則是通過交互稿, 視覺稿, 將預期的效果實現出來, 最終產物是 HTML Demo, 包括 HTML, CSS, JavaScript 代碼。(但據三點共圓所知, 有些公司的 CSS 和 JavaScript 開發也是分開的, 比如騰訊。)
前端開發,需要涉及ajax交互,需要改變頁面顯示,復雜的ajax應用需要涉及很多模塊的劃分、業務邏輯的考慮,在ajax應用越來越成熟強大的今天,很多過去後端處理的業務邏輯工作也慢慢放在了用戶的瀏覽器上來完成,這些工作也就交給前端工程師來做了。
如果根據明確分工的話,前端開發不包含ui設計部分,主要工作在於切圖、製作靜態頁面、製作特效、jq、ajax、與後台程序結合部分。
大家所認為的前端開發工作主要在於UI設計和用戶體驗。三點共圓向客戶提供的前端開發內容包括:UI設計,axure交互文檔,靜態頁面製作,css3 動畫和jq動畫。最終提供的成品文件包括:img、css、js、html、icon、font。至於與後台程序結合的工作則可以不負責。
4. 請問市場上大多數開源前台框架bootstrap、easyUI、 ligerUI等,這些框架有哪些共同點啊
bootstrap是全能的,重量級的,提供的功能比後兩者豐富的多,也復雜的多。第三個我第一次聽說。
第二個easyui是輕量級的,比jquery ui多了內置的與後台交互的部分,jquery ui更偏向於純粹的前端處理。easyui我用過,挺好用的,CMS系統需要的都能提供。
第三個沒聽過,第一次聽說。
1 這種前端UI是封裝了很多的東西,讓你以很簡單的調用就能實現較為復雜的UI效果。
你可以自己處理事件,最簡單的就是tree,你點擊時獲得URL,在右側打開URL的內容。
兩種做法,一種是調用UI的單機事件,得到控制項傳遞過來的conent,包括了URL等信息,你很容易就能做一些自己想要做的事。
另一種是用.class的選擇器,寫一溜,獲取到html中的內容,跟控制項沒有任何關系。復雜。但是很多人都這么用,因為第一種用法需要一定的學習時間,哪怕只是兩個小時。
再比如控制項提供的button,你可以通過button的屬性,定義單機事件,你也可以自己加一個ID,自己用jquery綁定單機事件,或者html中加onclick。三種都可以。但是第一種是與控制項互動式的,單擊時會提供一些特定的參數,幫助你做一些事情。
2 不是,你也可以自己加一些css樣式,自己打上class,自己控制某些東西。用於實現某些特定的效果。
只是你既然用了這種東西,就代表了前端實力較弱,否則不會用這種東西的。那麼對於CSS的處理也不夠強。
你用別人的東西,也就意味著如果要自己修改,則會比較困難,無法做到隨心所欲,你要看別人的源碼。
他們都不是開源的。。
5. web前端開源框架有哪些
web前端開源框架有很多,給你舉例幾個:
1、Bootstrap是最流行的前端開發框架,可以讓不是前端工程師也能開發出優美的頁面,更加快捷、方便的開發web頁面和移動端應用。也能開發響應式web頁面,上手也非常快。
2.React 是Facebook 開發的框架,用於構建頁面、javascript庫。主要功能是對DOM操作,聲明式設計,更快的開發出web應用系統
3、Semantic UI是一個完全語義化的前端CSS界面開發框架,跟 Bootstrap 比起來更加豐富些,不那麼單一,在用戶體驗、樣式都很豐富
4、Foundation by ZURB是開發適應各種設備上的前端框架,主要開發響應式web應用框架,提供很豐富的DEMO實例,學起來也非常方便上手,也提供豐富的圖標庫。
5、Amaze UI是輕量級的前端應用框架,是國內比較流行的框架,比較適用於移動端響應式開發框架,可以按照項目要求生成專屬的UI框架庫進行使用,組件非常豐富,可以構建出漂亮的web頁面。
6. 前端開發前景怎麼樣
很多人選擇WEB前端,可能是因為WEB前端容易入門,而且不需要太多專業基礎。隨著前端的人才越來越逗,企業面試要求也越來越高,進階高級前端需要學習更多的技術,不斷積累技術經驗。
前端就是用戶可見部分的優化、交互功能開發,隨著軟體WEB化,Html5前端開發技術的發展,前端的技術方向越來越多,可開發解決的功能很多。
web前端有廣闊的發展空間,app、小程序、移動端、pc端等都是需要前端技術的開發支持才能夠完成,技術門檻相對較低、需求量較大,薪資待遇良好。只要是互聯網端的客戶界面,就需要前端來製作完成,前端開發的編程量不大,但是需要部分編程,入門簡單,但是要學的深入需要一個過程。
Web前端招聘崗位
• 前端開發工程師、Web開發工程師、網頁開發工程師、HTML開發工程師...
• H5開發工程師、移動應用開發工程師、App開發工程師、小程序開發工程師...
• JS開發工程師、Vue.js開發工程師、Node.js開發工程師、前端架構師...
• 小游戲開發工程師、數據可視化開發工程師、WebGL開發工程師、WebVR開 發工程師、Web安全工程師...
在互聯網行業,前端有WEB前端、HTML前端等,隨著互聯網技術發展,就業方向也有很多。web前端的就業方向有web架構師、web前端工程師、HTML前端開發工程師、網頁設計師等等。
HTML前端開發
與Web前端開發不同的是,使用HTML5不僅僅可以開發前端,還有網頁游戲,手機APP,使用瀏覽器進行3D渲染等一系列建立在HTML5標准與搭載其標准瀏覽器上的開發,而未來可能會有更多的功能分支並入HTML5標准。web前端工程師
這個方向是目前從事Web前端開發的主要就業方向
Web架構師
薪資普遍比較高,技術要求高,掌握多種技能,包括:後端技術、DBA、Platform等等,甚至包括網站優化SEO技術。
數據方向
數據研發這個是在Web開發的基礎上用數據附能,懂可視化的一定是有前端能力的,懂hadoop的一定java要熟悉,屬於Web開發的拓展方向。
大前端方向
比如阿里,在大量實踐rn和weex;由於公司內部安卓/ios式微,一定程度上,前端把ios和安卓收編了,統稱大前端。
圖形學方向
前端自然是與圖形學有千絲萬縷的聯系,除了上面提到了可視化,還有相關3d引擎的開發工作。做這一行要求也非常高了,圖形學相關的演算法,3d引擎的開發,這都需要圖形學相關知識。
7. web前端框架是做什麼的
前端前景是很不錯的,像前端這樣的專業還是一線城市比較好,師資力量跟得上、就業的薪資也是可觀的,學習前端可以按照路線圖的順序,
0基礎學習前端是沒有問題的,關鍵是找到靠譜的前端培訓機構,你可以深度了解機構的口碑情況,問問周圍知道這家機構的人,除了口碑再了解機構的以下幾方面:
1. 師資力量雄厚
要想有1+1>2的實際效果,很關鍵的一點是師資隊伍,你接下來無論是找個工作還是工作中出任哪些的人物角色,都越來越愛你本身的技術專業前端技術性,也許的技術專業前端技術性則絕大多數來自你的技術專業前端教師,一個好的前端培訓機構必須具備雄厚的師資力量。
2. 就業保障完善
實現1+1>2效果的關鍵在於能夠為你提供良好的發展平台,即能夠為你提供良好的就業保障,讓學員能夠學到實在實在的知識,並向前端學員提供一對一的就業指導,確保學員找到自己的心理工作。
3. 學費性價比高
一個好的前端培訓機構肯定能給你帶來1+1>2的效果,如果你在一個由專業的前端教師領導並由前端培訓機構自己提供的平台上工作,你將獲得比以往更多的投資。
希望你早日學有所成。
8. 常用的前端框架有哪些
1. Twitter BootStrap (Apache v2.0;響應式)
時髦、直觀並且強大的前端框架,讓Web開發變得更加容易。
2. Foundation (MIT;響應式)
最先進的響應式前端框架。
3. 960gs(GPL&MIT;響應式)
960gs提供了一個簡單的網格系統,適合快速開發。
4. Skeleton(MIT;響應式)
非常漂亮的Web模板,適合響應式、移動友好的開發。
5. 99lime HTML KickStart(Free)
適合網站快速開發的極簡HTML構建模塊。
6. Kube(Free;響應式)
面向專業人員的CSS框架。
7. Less Framework(MIT;響應式)
自適應的CSS網格系統。
8. Flameinwork(Free)
適合懶人開發者的前端微框架。
9. G5 Framework(Free)
(x)HTML5、CSS、PHP前端開發框架。
10. Easy Framework(Free)
Easy Framework是一個一體化前端解決方案,分structural、 presentational、interactive三層。
11. Blueprint(Free)
一個旨在減少開發時間的前端框架。
12. YAML(Creative Commons)
(x)HTML+CSS框架,適合開發現代化浮動布局。
13. BlueTrip(Free)
一個功能全面、並且美麗的CSS框架,適合於Blueprint搭配使用。
14. YUI3:Grids CSS(BSD)
YUI Grids CSS是最著名的CSS框架之一,是由Yahoo開發小組開發而成。 YUI Grids CSS為開發者提供了預先設置的四種不同頁面寬度,六種不同的模板。
15. 52framework(Creative Commons)
對HTML5支持非常好,簡單易用。
16. elastiCSS(MIT)
一個基於Web介面和印刷布局的簡單CSS框架。
17. Emastic(Free)
一個與眾不同的CSS框架。
18. Fluid 960 Gride System(GPL/MIT)
Fluid 960 Grid System的模版是根據Nathan Smith之前的作品而創建的。即960 Grid System:傳承了MooTools和jQuery JavaScript libraries的效果。
19. xCSS(MIT)
一個面向對象的CSS框架,能讓你的工作流更加簡潔。xCSS基於CSS,可以在開發復雜樣式時,提供面向對象的工作流。
20. EM CSS Framework(MIT/GPL)
EM CSS Framework提供了一個960px寬 + 12 列網格系統 + CSS的通用樣式。
9. Web前端開發需要哪些工具
前端開發中需要掌握最基礎的技能就是HTML、CSS,JavaScript。前端的開發中,在頁面的布局時, HTML將元素進行定義,CSS對展示的元素進行定位,再通過JavaScript實現相應的效果和交互,在進行開發前,需要對這些概念弄清楚,才能進行合理的開發。
在網頁建設的過程中,為了避免代碼的繁瑣雜亂,更高效快速地完成任務,就會使用到一些有代碼高亮提示和語法提示等便捷功能的前端開發工具。
1,Dreamweaver:中文名「夢想編織者」。是集網頁製作和管理網站於一身的所見即所得網頁代碼編輯器。它可以使用所見即所得的介面,亦有HTML編輯的功能,藉助經過簡化的智能編碼引擎,輕松地創建、編碼和管理動態網站。訪問代碼提示,即可快速了解 HTML、CSS 和其他Web 標准。 使用視覺輔助功能減少錯誤並提高網站開發速度。
2,Sublime:Sublime Text 是一個代碼編輯器,也是HTML和散文先進的文本編輯器。Sublime Text 的主要功能包括:拼寫檢查,書簽,完整的 Python API , Goto 功能,即時項目切換,多選擇,多窗口等等。
3,HBuilder:是DCloud,推出的一款支持HTML5的Web開發IDE。 HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫。
有了工具,接下來還得靠我們人來操作。你必須熟悉三種語言,把這些概念弄明白,才能開發出好的作品。