『壹』 前端開發有什麼框架式支持IE8及以上的呢
angular,backbone,vue,react都是支持ie8以及以上版本的
『貳』 前端框架是幹啥的
近十年以來,IT行業發展火熱,衍生了很多新職業,例如UI設計師、開發工程師、軟體測試工程師等等,在眾多備受矚目的新生職業中,Web前端工程師是其中的一員。
一、Web前端三大主流框架是什麼
React:
1.聲明式設計:React採用聲明範式,可以輕松描述應用。
2.高效:React通過對DOM的模擬,最大限度地減少與DOM的交互。
3.靈活:React可以與已知的庫或框架很好地配合。
優點:
1.速度快:在UI渲染過程中,React通過在虛擬DOM中的微操作來實現對實際DOM的局部更新。
2.跨瀏覽器兼容:虛擬DOM幫助我們解決了跨瀏覽器問題,它為我們提供了標准化的API,甚至在IE8中都是沒問題的。
3.模塊化:為你程序編寫獨立的模塊化UI組件,這樣當某個或某些組件出現問題是,可以方便地進行隔離。
4.單向數據流:Flux是一個用於在JavaScript應用中創建單向數據層的架構5.同構、純粹的javascript:因為搜索引擎的爬蟲程序依賴的是服務端響應而不是JavaScript的執行,預渲染你的應用有助於搜索引擎優化。6.兼容性好:比如使用RequireJS來載入和打包,而Browserify和Webpack適用於構建大型應用。它們使得那些艱難的任務不再讓人望而生畏。缺點:React本身只是一個V而已,並不是一個完整的框架,所以如果是大型項目想要一套完整的框架的話,基本都需要加上ReactRouter和Flux才能寫大型應用。
Vue:
Vue是尤雨溪編寫的一個構建數據驅動的Web界面的庫,准確來說不是一個框架,它聚焦在V(view)視圖層。
它有以下的特性:
1.輕量級的框架
2.雙向數據綁定
3.指令
4.插件化
優點:
1.簡單:官方文檔很清晰,比Angular簡單易學。
2.快速:非同步批處理方式更新DOM。
3.組合:用解耦的、可復用的組件組合你的應用程序。
4.緊湊:~18kbmin+gzip,且無依賴。
5.強大:表達式無需聲明依賴的可推導屬性(computedproperties)。
6.對模塊友好:可以通過NPM、Bower或Duo安裝,不強迫你所有的代碼都遵循Angular的各種規定,使用場景更加靈活。
缺點:
1.新生兒:Vue.js是一個新的項目,沒有angular那麼成熟。
2.影響度不是很大:google了一下,有關於Vue.js多樣性或者說豐富性少於其他一些有名的庫。
3.不支持IE8。
Angular:
Angular是一款優秀的前端JS框架,已經被用於Google的多款產品當中。
它有以下的特性:
1.良好的應用程序結構
2.雙向數據綁定
3.指令
4.HTML模板
5.可嵌入、注入和測試
優點:
1.模板功能強大豐富,自帶了極其豐富的angular指令。
2.是一個比較完善的前端框架,包含服務,模板,數據雙向綁定,模塊化,路由,過濾器,依賴注入等所有功能;3.自定義指令,自定義指令後可以在項目中多次使用。
4.ng模塊化比較大膽的引入了Java的一些東西(依賴注入),能夠很容易的寫出可復用的代碼,對於敏捷開發的團隊來說非常有幫助。
5.angularjs是互聯網巨人谷歌開發,這也意味著他有一個堅實的基礎和社區支持。
缺點:
1.angular入門很容易但深入後概念很多,學習中較難理解。
2.文檔例子非常少,官方的文檔基本只寫了api,一個例子都沒有,很多時候具體怎麼用都是google來的,或直接問misko,angular的作者。
3.對IE6/7兼容不算特別好,就是可以用jQuery自己手寫代碼解決一些。
4.指令的應用的最佳實踐教程少,angular其實很靈活,如果不看一些作者的使用原則,很容易寫出四不像的代碼,例如js中還是像jQuery的思想有很多dom操作。
5.DI依賴注入如果代碼壓縮需要顯示聲明。
『叄』 前端框架的作用
作用
解決了原始html,css,js的UI與數據狀態之間同步的難題,避免了大量的操作DOM代碼。
使用了React,Angular和Vue,我們只需要定義一次 UI 界面,不再需要為每個操作編寫特定的 UI 代碼,同時,每個相同的狀態均有相同的輸出:當狀態改變後,框架自動更新(對應的)視圖。
簡單來說,前端框架就是已經搭建好了的web前端基本架構並且封裝了一些功能比如html文檔操作,漂亮的各種控制項等,一般用於簡化網頁設計。當我們選擇好某個前端框架進行項目開發時,只要添加自己需要的東西,就可以快速高效的完成網頁的設計
優點:更輕量,單頁面,簡單易學
缺點:不支持IE8
優點:模塊化功能強大、自定義directive非常靈活、雙向數據綁定,依賴注入
缺點:比較笨重,學習成本高,不兼容IE6/7
優點:速度快、跨瀏覽器兼容、單向數據流、兼容性好
缺點:並不是一個完整的框架,需要加上ReactRouter和Flux才能完成。
分類
vue.js
Angular
react
『肆』 為什麼放棄bootstrap改用完美支持IE8的前端框架
bootstrap很好,沒有使用的唯一原因的在IE9以下效果不佳,而目前IE8是市場份額最大的瀏覽器,而且可能和IE6一樣,橫行很多年。 支持樓主,我覺得很漂亮,而且也著眼於一個大痛點,願能持續發展,而且用法和bootstrap貼近最好啦
『伍』 網頁前端常用的庫或框架有哪些
bootstrap是twitter出的一款不錯的UI框架,或者與其說是框架不如說是類庫(lib),當然這里邊牽扯到一個「究竟什麼是框架什麼是類庫?」的問題,我們暫時不談。畢竟是有大公司背景的代碼堆,我覺得沒什麼「落伍」可言。
angular是前兩年之內突然火得一塌糊塗的一個fe框架,這個我覺得可以算的上是真正意義上的框架了,MVVM雙向綁定,包括它擁有足夠完善的社區、生態,甚至chrome上都有很多好用的相關插件(這一點可以說是佔了google出品的光),比較完整的大型項目都是可以考慮引入的。但如果你的網站只是做一些輕量級的東西,殺雞焉用宰牛刀吧我覺得。
backbone主要針對的MVC中的M層,至少我是這么理解的。對UI層它幾乎沒什麼太多的限制,一方面給出了coder自由度進行發揮,另一方面也等於在這方面框架本身對開發沒提供什麼太大的幫助。我覺得這更像是一個高手向的框架,另外對於underscore前端模板那一套東西,說實話作為一名php java啥都能寫的FE我始終覺得這套東西有那麼一種純JS工程師的一廂情願的意味。這是個人看法了,不一定準確,況且有人會搬出ajax動態渲染時 前端模板的作用來反駁我,別急著反駁,至少往下看完我說的話。
相比之下,react可以說是一個在MVC中V層做的十分出色和新穎的框架了,獨特的jsx編譯機制就已經讓你的代碼變得高大上了,我是覺得這個類庫在UI層做的更徹底更專業,或者說讓FE的代碼更專業了。更何況,react比angular更年輕,而且同樣擁有大公司背景,react native一出更是讓JS工程師的地位取得了革命性的提升,(不要跟我提phonegap,用過兩個東西後你會明白,react打包的app性能甩phonegap幾條街沒問題)。另外既然樓主提到了之前的網站是bootstrap,不妨可以看一看react-bootstrap這個東西,或許這就是你想要的。
『陸』 具備解決各種前端框架在多種瀏覽器環境下兼容能力,一般需要幾年經驗
起碼一年以上的相關經驗,首先le瀏覽器就是給大麻煩,當然很多人說ie8以下的很少人用了,但是一般政府企業的項目都是要兼容到ie6的,各種各樣的兼容問題是要在實際的開發中才能體會到的。當然還有各種瀏覽器之間的兼容性能也是不一樣的。除了能熟練優雅降級和漸進增強 之外還得具備 快速找到出現問題的所在。我說的一年經驗不是指做開發一年,我指的是在做相關兼容項目一年以上的經驗。兼容問題實在太多了。如果要包括移動端兼容的話,起碼兩年以上經驗。首先 系統不同,品牌不同,型號不同,版本不同,移動端的兼容要比pc端的瀏覽器兼容復雜多了。我做了開發怎麼久,還經常會遇到各種兼容的問題,當然也很討厭做移動端的兼容。因為太麻煩了。
『柒』 有哪些前端框架對ie6,ie7兼容性強
1.區別IE和非IE瀏覽器#tip{background:blue;/*非IE背景藍色*/background:red\9;/*IE6、IE7、IE8背景紅色*/}2.區別IE6,IE7,IE8,FF【區別符號】:「\9」、「*」、「_」【示例】:#tip{background:blue;/*Firefox背景變藍色*/background:red\9;/*IE8背景變紅色*/*background:black;/*IE7背景變黑色*/_background:orange;/*IE6背景變橘色*/}【說明】:因為IE系列瀏覽器可讀「\9」,而IE6和IE7可讀「*」(米字型大小),另外IE6可辨識「_」(底線),因此可以依照順序寫下來,就會讓瀏覽器正確的讀取到自己看得懂得CSS語法,所以就可以有效區分IE各版本和非IE瀏覽器(像是Firefox、Opera、GoogleChrome、Safari等)。3.區別IE6、IE7、Firefox(方法1)【區別符號】:「*」、「_」【示例】:#tip{background:blue;/*Firefox背景變藍色*/*background:black;/*IE7背景變黑色*/_background:orange;/*IE6背景變橘色*/}【說明】:IE7和IE6可讀「*」(米字型大小),IE6又可以讀「_」(底線),但是IE7卻無法讀取「_」,至於Firefox(非IE瀏覽器)則完全無法辨識「*」和「_」,因此就可以透過這樣的差異性來區分IE6、IE7、Firefox4.區別IE6、IE7、Firefox(方法2)【區別符號】:「*」、「!important」【示例】:#tip{background:blue;/*Firefox背景變藍色*/*background:green!important;/*IE7背景變綠色*/*background:orange;/*IE6背景變橘色*/}【說明】:IE7可以辨識「*」和「!important」,但是IE6隻可以辨識「*」,卻無法辨識「!important」,至於Firefox可以讀取「!important」但不能辨識「*」因此可以透過這樣的差異來有效區隔IE6、IE7、Firefox。5.區別IE7、Firefox【區別符號】:「*」、「!important」【示例】:#tip{background:blue;/*Firefox背景變藍色*/*background:green!important;/*IE7背景變綠色*/}【說明】:因為Firefox可以辨識「!important」但卻無法辨識「*」,而IE7則可以同時看懂「*」、「!important」,因此可以兩個辨識符號來區隔IE7和Firefox。6.區別IE6、IE7(方法1)【區別符號】:「*」、「_」【示例】:#tip{*background:black;/*IE7背景變黑色*/_background:orange;/*IE6背景變橘色*/}【說明】:IE7和IE6都可以辨識「*」(米字型大小),但IE6可以辨識「_」(底線),IE7卻無法辨識,透過IE7無法讀取「_」的特性就能輕松區隔IE6和IE7之間的差異。7.區別IE6、IE7(方法2)【區別符號】:「!important」【示例】:#tip{background:black!important;/*IE7背景變黑色*/background:orange;/*IE6背景變橘色*/}【說明】:因為IE7可讀取「!important;」但IE6卻不行,而CSS的讀取步驟是從上到下,因此IE6讀取時因無法辨識「!important」而直接跳到下一行讀取CSS,所以背景色會呈現橘色。8.區別IE6、Firefox【區別符號】:「_」【示例】:#tip{background:black;/*Firefox背景變黑色*/_background:orange;/*IE6背景變橘色*/}【說明】:因為IE6可以辨識「_」(底線),但是Firefox卻不行,因此可以透過這樣的差異來區隔Firefox和IE6,有效達成CSShack。
『捌』 前端常用的框架有哪些
給你介紹Web前端三大主流框架
React:
1.聲明式設計:React採用聲明範式,可以輕松描述應用。
2.高效:React通過對DOM的模擬,最大限度地減少與DOM的交互。
3.靈活:React可以與已知的庫或框架很好地配合。
優點:
1.速度快:在UI渲染過程中,React通過在虛擬DOM中的微操作來實現對實際DOM的局部更新。
2.跨瀏覽器兼容:虛擬DOM幫助我們解決了跨瀏覽器問題,它為我們提供了標准化的API,甚至在IE8中都是沒問題的。
3.模塊化:為你程序編寫獨立的模塊化UI組件,這樣當某個或某些組件出現問題是,可以方便地進行隔離。
4.單向數據流:Flux是一個用於在JavaScript應用中創建單向數據層的架構5.同構、純粹的javascript:因為搜索引擎的爬蟲程序依賴的是服務端響應而不是JavaScript的執行,預渲染你的應用有助於搜索引擎優化。6.兼容性好:比如使用RequireJS來載入和打包,而Browserify和Webpack適用於構建大型應用。它們使得那些艱難的任務不再讓人望而生畏。缺點:React本身只是一個V而已,並不是一個完整的框架,所以如果是大型項目想要一套完整的框架的話,基本都需要加上ReactRouter和Flux才能寫大型應用。
Vue:
Vue是尤雨溪編寫的一個構建數據驅動的Web界面的庫,准確來說不是一個框架,它聚焦在V(view)視圖層。
它有以下的特性:
1.輕量級的框架
2.雙向數據綁定
3.指令
4.插件化
優點:
1.簡單:官方文檔很清晰,比Angular簡單易學。
2.快速:非同步批處理方式更新DOM。
3.組合:用解耦的、可復用的組件組合你的應用程序。
4.緊湊:~18kbmin+gzip,且無依賴。
5.強大:表達式無需聲明依賴的可推導屬性(computedproperties)。
6.對模塊友好:可以通過NPM、Bower或Duo安裝,不強迫你所有的代碼都遵循Angular的各種規定,使用場景更加靈活。
缺點:
1.新生兒:Vue.js是一個新的項目,沒有angular那麼成熟。
2.影響度不是很大:google了一下,有關於Vue.js多樣性或者說豐富性少於其他一些有名的庫。
3.不支持IE8。
Angular:
Angular是一款優秀的前端JS框架,已經被用於Google的多款產品當中。
它有以下的特性:
1.良好的應用程序結構
2.雙向數據綁定
3.指令
4.HTML模板
5.可嵌入、注入和測試
優點:
1.模板功能強大豐富,自帶了極其豐富的angular指令。
2.是一個比較完善的前端框架,包含服務,模板,數據雙向綁定,模塊化,路由,過濾器,依賴注入等所有功能;3.自定義指令,自定義指令後可以在項目中多次使用。
4.ng模塊化比較大膽的引入了Java的一些東西(依賴注入),能夠很容易的寫出可復用的代碼,對於敏捷開發的團隊來說非常有幫助。
5.angularjs是互聯網巨人谷歌開發,這也意味著他有一個堅實的基礎和社區支持。
缺點:
1.angular入門很容易但深入後概念很多,學習中較難理解。
2.文檔例子非常少,官方的文檔基本只寫了api,一個例子都沒有,很多時候具體怎麼用都是google來的,或直接問misko,angular的作者。
3.對IE6/7兼容不算特別好,就是可以用jQuery自己手寫代碼解決一些。
4.指令的應用的最佳實踐教程少,angular其實很靈活,如果不看一些作者的使用原則,很容易寫出四不像的代碼,例如js中還是像jQuery的思想有很多dom操作。
5.DI依賴注入如果代碼壓縮需要顯示聲明。
『玖』 幾個Web前端開發框架的比較
Bootstrap
Bootstrap是目前可用框架中無可爭議的領導者。其人氣日益增長,你可以放心的選擇這個框架,而不必擔心項目會失敗,因為具有廣泛使用基礎的框架,不太可能被拋棄。
創造者:YOOtheme
發行:2013
當前版本:3.0.0
人氣:GitHub GitHub上有9,422顆星
說明:「用於開發快速而強大的Web界面的輕量級和模塊化的前端框架」。
核心概念/原則:RWD,移動端優先
框架大小:326.9 KB(如果包含uikit-icons.min.js與SVG圖標相關的功能,則為384.4KB)
預處理器:少,Sass
響應式布局:是
模塊化:是
啟動模板/布局:是
圖標集:UIkit自帶SVG圖標系統和類庫,其中包含越來越多的大綱圖標。
額外/附加組件:是
獨特的組件:Article, Flex, Cover, HTML Editor
文件:好
自定義:高級GUI定製程序僅在版本2(以前的版本)中可用
瀏覽器支持:Chrome,Firefox,Safari,IE9 +
許可證:MIT
UIkit說明
UIkit成功應用在許多WordPress主題中。它提供了靈活和強大的手動定製機制(以前版本的框架還提供了高級GUI定製程序)。
什麼是最適合你的框架?
在選擇框架時,可以從以下幾個方面考慮:
所選的框架有足夠的人氣嗎?更多的人氣意味著更多的人參與項目,也意味著有更多的教程和社區文章、更多的實例和網站、更多的第三方擴展、更好的相關的Web產品可與其集成。受歡迎程度也意味著框架更具前瞻性,因為具有更大社區的框架不太可能被拋棄。
框架是否正在積極發展?一個好的框架需要不斷地使用最新的web技術,特別是在移動端方面。
框架是否達到成熟?如果一個特定的框架在現實項目中還沒有被使用和測試,那麼將其用於你的專業項目,可能不是一個明智的選擇。
框架是否提供了良好的文檔?為了方便學習過程,總是需要良好的文檔。
框架的特異性是什麼?這里的要點是,與具有高級別特異性的框架相比,更通用的框架更容易使用。在大多數情況下,最好選擇一個應用最小樣式的框架,因為它更容易自定義。與重寫現有的CSS規則相比,添加新的CSS規則是一個更方便有效的做法。
如果你還不確定使用哪個框架,那麼可以採用混合搭配的方式。當某個特定的框架不能滿足你的需求時,可以混合使用兩個或多個項目的組件。
最後值得一提的是,現在Flexbox和Grid Layout在主流瀏覽器的最新版本中得到很好的支持,比以往任何時候都更容易構建復雜的布局。這可能會鼓勵更多的開發人員放棄前端框架,從頭開始編寫他們自己想要的布局。
來源:網頁鏈接
『拾』 求amazeui.ie8polyfill.min.js源碼
Amaze UI 是一個輕量級(所有 CSS 和 JS gzip 後 100 kB 左右)、 Mobile first 的前端框架, 基於開源社區流行前端框架編寫(使用、參考的項目列表)。