當前位置:首頁 » 網頁前端 » 前端flex
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

前端flex

發布時間: 2022-02-28 07:33:19

『壹』 如何解決前端的flex流動布局中的單個子元素位置

淺薄理解,其實可以用下一級別的flex實現,前兩個p可以完成合並為一個div,這樣就很讓容易實現需求的。

『貳』 flex是前端還是後端

前端,用戶開發界面,現在前端用flex,後端用java的項目比較多

『叄』 FLEX是什麼意思

flex指Adobe Flex,基於其專有的Macromedia Flash平台,它是涵蓋了支持RIA(Rich Internet Applications)的開發和部署的一系列技術組合。

Flex 是一個高效、免費的開源框架,可用於構建具有表現力的 Web應用程序,這些應用程序利用Adobe Flash Player和Adobe AIR, 可以實現跨瀏覽器、桌面和操作系統。

雖然只能使用 Flex 框架構建 Flex應用程序,但Adobe Flash Builder™(之前稱為 Adobe Flex Builder™)軟體可以通過智能編碼、互動式遍歷調試以及可視設計用戶界面布局等功能加快開發。

(3)前端flex擴展閱讀:

Flex的優勢:

1、界面表現能力強

2、RIA富客戶端應用,解決了非同步調用,界面無刷新,瀏覽器兼容性等多項難題

3、對流媒體的支持:Flex是被公認為流媒體技術支持最好的應用

4、平台的可用性:根據ADOBE公司的說法,Flash player在全世界一半的PC機器上安裝度為99.8%

5、跨平台:Flash player能夠在linux下運行,也可以在手機上運行

6、對底層的可操作性:Flex能夠調用底層的東西,比如可以調用攝像頭實現視頻,而且視頻本身就嵌入在Flex應用中,由Flex player直接播放

7、平台的後續運營和發展前景:Flex是由ADOBE公司推出的且開源

8、有充足的學習環境: Flex官方樣式配置工具,可以在線配置Flex應用程序各種控制項的外觀樣式,該程序也是用Flex編寫的,而且這么漂亮的界面,根本不用做任何圖片和美工,都是直接用樣式實現即可

9、可以用任何熟悉的WEB編程平台作為後台數據訪問層,可以使用 .net,php,jsp,webservice

10、面向對象的as3編程語言,有著和java非常類似的語言風格,非常適合學java程序員快速入門

『肆』 一個 flex 程序的前端代碼有什麼組成

Flex 是一個高效、免費的開源框架,可用於構建具有表現力的 Web應用程序,這些應用程序利用Adobe Flash Player和Adobe AIR, 運行時跨瀏覽器、桌面和操作系統實現一致的部署。雖然只能使用 Flex 框架構建 Flex應用程序,但Adobe Flash Builder™(之前稱為 Adobe Flex Builder™)軟體可以通過智能編碼、互動式遍歷調試以及可視設計用戶界面布局等功能加快開發。

Apache Flex
使用 Flex 創建的 RIA 可運行於使用 Adobe Flash Player 軟體的瀏覽器中,或在瀏覽器外運行於跨操作系統運行時 Adobe AIR上,它們可以跨所有主要瀏覽器、在桌面上實現一致的運行。連接到 Internet 的計算機中超過 98% 裝有 Flash Player,這是一個企業級客戶端運行時,它的高級矢量圖形能處理要求最高、數據密集型應用程序,到桌面應用程序的執行速度。通過利用 AIR,Flex應用程序可以訪問本地數據和系統資源。

MacromediaFlash是強大的矢量動畫編輯工具,在做動畫起家之後,Flash一直在謀求RIA(rich internet application)富客戶端的霸主地位,最有影響的是,已經推出了面向對象的編程腳本ActionScript3.0,並且建立起類似於java swing的類庫和相應component(組件)。Flex是通過java或者.net等非Flash途徑,解釋.mxml文件組織components,並生成相應的.swf文件。Flex的component和flash的component很相似,但是有所改進增強。目前Macromedia公司已經被ADOBE公司收購。當前(2011年11月)的flex版本為4.6。Adobe2013年01月15日將Flex捐給Apache並發布了Apache Flex4.8。
運用Flash是完全可以做到flex的效果的,為什麼還需要flex呢?這裡面有兩個原因:
1:為了迎合更多的developers(開發者)。Flash天生是為了designer(設計者)設計的,界面還有flash的動畫概念和程序開發人員格格不入,為了吸引更多的jsp/asp/php等程序員,Macromedia推出了Flex,用非常簡單的.mxml來描述界面給jsp/asp/php程序人員使用.(x/d)html非常相似,而且mxml更加規范化、標准化。
2:為了一個標准。大家一定聽說過微軟操作系統vista(後續的win7也是同一核心),在vista推出的同時微軟也推出了新的語言xaml,一種界面描述語言,與之相應的就是smart client和flex非常相似的東西(即SilverLight)。Mxml和Xaml的也很相似… …這是人機交互技術的進步的重要體現,即內部邏輯與外部界面交互相分離。
Flex和j2ee/.net其實沒什麼關系,Macromedia用java做出來個應用把flash的技術融合到J2EE裡面,再用.net的技術做出來個.net應用把flash技術融合到.net裡面去;應該說flex解決了J2EE裡面和.net裡面最繁瑣的問題那就是web 客戶端的問題。

『伍』 前端知識:FlexContentHolder是什麼

跟前端沒啥關系,ui的相關知識

『陸』 前端未來頁面布局發展方向是 Flexbox 還是 Grid

1、flex
Apache基金會今天發布了Flex 4.8版本,這是Adobe將Flex捐獻給Apache基金會後發布的第一個版本。

需要注意的是,Flex目前還在孵化階段,還不是Apache的正式項目,Flex 4.8也不是一個正式的Apache版本。

Apache稱,該版本標志著Flex新時代的開始,Flex的未來將由社區來驅動,而不是由一個公司驅動。開發者可以通過貢獻代碼,來幫助改進Flex,如修復bug、增加功能等。
從Macromedia賣給Adobe,然後又捐給apache,不知道搞什麼名堂。不過還好沒有經過大幅重構,否則就真的是悲哀了!

2、extjs
ExtJS是一種主要用於創建前端用戶界面,是一個基本與後台技術無關的前端ajax框架。
功能豐富,無人能出其右。
無論是界面之美,還是功能之強,ext的表格控制項都高居榜首。


華麗的界面,靈活的功能,還有開發工具都是配套的,但有個最大的問題,用就得花錢!

3、easyui
easyui幫助你構建你的web應用更加容易。
它是一個基於jquery的插件,開發出來的一套輕量級的ui框架,非常小巧而且功能豐富。

但是她有一個最大的問題就是代碼只能找到以前的開源的版本,到了1.2以後的版本源代碼都是經過混淆的,如果遇到問題修改起來會非常麻煩!不過一個比較大的優勢是開源免費,並且界面做的還說的過去!

4、MiniUI
又一個基於jquery的框架,開發的界面功能都很豐富。
jQuery MiniUI - 快速開發WebUI。
它能縮短開發時間,減少代碼量,使開發者更專注於業務和服務端,輕松實現界面開發,帶來絕佳的用戶體驗。
使用MiniUI,開發者可以快速創建Ajax無刷新、B/S快速錄入數據、CRUD、Master-Detail、菜單工具欄、彈出面板、布局導航、數據驗證、分頁表格、樹、樹形表格等典型WEB應用系統界面。

界面做的挺不錯,功能也挺豐富,但是有兩個比較大的問題,一個是收費,一個是沒有源碼,說白了,不開源!基於這個開發如果想對功能做擴展就需要找他們的團隊進行升級!

5、jQuery UI
jQuery UI 是一套 jQuery 的頁面 UI 插件,包含很多種常用的頁面空間,例如 Tabs(如本站首頁右上角部分) 、拉簾效果(本站首頁左上角)、對話框、拖放效果、日期選擇、顏色選擇、數據排序、窗體大小調整等等非常多的內容。

功能非常全面,界面也挺漂亮的,可以整體使用,也可以分開使用其中的幾個模塊,免費開源!

6、DWZ
DWZ富客戶端框架(jQuery RIA framework), 是中國人自己開發的基於jQuery實現的Ajax RIA開源框架.
設計目標是簡單實用,快速開發,降低ajax開發成本。
歡迎大家提出建議,我們將在下一版本中進一步調整和完善功能.共同推進國內整體ajax開發水平。


畢竟是國產的,支持一下,而且源碼完全公開,可以選擇一下!不過性能怎麼樣不敢確定!

7、GWT
Google 網頁工具包——GWT 提供了一組基於Java語言的開發包,這個開發包的設計參考Java AWT包設計,類命名規則、介面設計、事件監聽等都和AWT非常類似。熟悉Java AWT的開發者不需要花費多大的力氣就能夠快速的理解GWT開發工具包,將更多地時間投入到GWT應用的開發過程中。
你不用去了解這樣那樣的javascript框架,通過java你就可以寫出功能豐富的界面,可以做單元測試,畢竟是google的產品,嚴重支持一下!

8、YUI
Yahoo! UI Library (YUI) 是一個開放源代碼的 JavaScript 函數庫,為了能建立一個高互動的網頁,它採用了AJAX, DHTML 和 DOM 等程式碼技術。它也包含了許多 CSS 資源。使用授權為 BSD許可證,基本上沒怎麼研究過!

YUI Compressor倒是挺出名的,這套UI庫不知道應用的情況怎麼樣!

9、Sencha
Sencha 是由 ExtJS、jQTouch 以及 Raphael 三個項目合並而成的一個新項目。

大公司的框架,並且是幾樣庫的強強聯合,值得推薦!

10、Dojo
在國內應用好像不是很廣,不過性能上應該沒問題。
Dojo是一個用javascript語言實現的開源DHTML工具包。

有多個基金會的支持,包括IBM和SUN,都是軟體界的泰斗,值得信賴!

11、ZK
ZK是一套以 AJAX/XUL/Java 為基礎的網頁應用程式開發框架,用於豐富網頁應用程式的使用介面。最大的好處是,在設計AJAX網路應用程式時,輕松簡便的操作就像設計桌面程式一樣。 ZK包含了一個以AJAX為基礎、事件驅動(event-driven)、高互動性的引擎,同時還提供了多樣豐富、可重復使用的XUL與HTML組件,以 及以 XML 為基礎的使用介面設計語言 ZK User-interfaces Markup Language (ZUML)。
在線的demo

設計器的demo

日歷組件

功能豐富,全面,文檔齊全,而且升級了很多次,非常值得推薦!

12、OperaMasks-UI
OperaMasks-UI是OperaMasks團隊 2011下半年打造的一款輕量級前端JS組件庫,旨在提供一款學習曲線低、定製性靈活、樣式統一,且多瀏覽器支持、覆蓋企業業務場景的前端 JavaScript UI組件庫。目前,該團隊已將這一產品以LGPL 開源協議開放給社區。

文檔豐富,功能齊全,而且很容易使用和開發!而且是國產的喲!

13、JavaFX
Sun公司(已於2009年被Oracle公司收購)在2008年12月05日發布了JavaFX技術的正式版,它使您能利用 JavaFX 編程語言開發富互聯網應用程序(RIA)。JavaFX Script 編程語言(以下稱為JavaFX)是Sun微系統公司開發的一種declarative, statically typed(聲明性的、靜態類型)腳本語言。JavaFX技術有著良好的前景,包括可以直接調用Java API的能力。因為 JavaFX Script是靜態類型,它同樣具有結構化代碼、重用性和封裝性,如包、類、繼承和單獨編譯和發布單元,這些特性使得使用Java技術創建和管理大型程序 變為可能。

不管用的人多少,畢竟是從sun開始,現在是oracle,相信會有一個廣闊的市場,但是確實不知道有哪個公司用這個框架開發!

『柒』 前端技術FLEX,EXTJS,easyui選擇哪個比較好

要明白一點:沒有最好的技術,只有最適合的技術。各種技術總有自己在某些方面的優勢,所以必須要結合項目實際情況才能說哪種技術更適合。

FLEX
優點:動畫效果漂亮,可定製開發程度較高,可以實現較為復雜的功能(例如socket長連接通信等)。
缺點:因為是flash所以需要插件,在iOS等不支持flash的平台上就麻煩了。另外因為涉及ActionScript腳本,所以需要一些學習成本。

ExtJS
優點:基於javascript、HTML、和CSS。UI組件豐富,整體設計清晰,大多數情況不需要額外定製開發,即可使用內置的組件實現比較美觀、風格統一的頁面。中文資料文檔較多。
缺點:學習難度相對較大。定製開發組件難度較大。庫文件體積稍大。相對不容易調試查錯。

EasyUI
優點:基於javascript、HTML、和CSS。UI組件也挺多,基本夠用。使用簡單,通過HTML標記或者js腳本都能創建組件。學習難度較低。官方提供了比較詳細的示例。擴展特性還不錯,包括主題風格。容易調試。
缺點:中文文檔資料不夠完善,好在官網英文文檔寫的還比較清晰易懂。可擴展性相對較差。

『捌』 如何解決前端的flex流動布局中的單個子元素位置

其實可以用下一級別的flex實現,前兩個p可以完成合並為一個div,這樣就很讓容易實現需求的。

『玖』 flex和html如何傳遞信息

http://hi..com/lz0830/blog/item/067086d061dec988a1ec9c59.html